<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html lang="en">
<head>
<title>Rock a Music Category Flat Bootstrap Responsive website Template | Short Codes :: w3layouts</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Rock Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, 
	SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony Ericsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- Custom Theme files -->
<link href="css/bootstrap.css" type="text/css" rel="stylesheet" media="all">
<link href="css/style.css" type="text/css" rel="stylesheet" media="all">  
<!-- //Custom Theme files -->
<!-- font-awesome icons -->
<link href="css/font-awesome.css" rel="stylesheet"> 
<!-- //font-awesome icons -->
<!-- js -->
<script src="js/jquery-2.2.3.min.js"></script> 
<!-- //js -->
<!-- web-fonts --> 
<link href="//fonts.googleapis.com/css?family=Aladin" rel="stylesheet">
<link href='//fonts.googleapis.com/css?family=Roboto+Condensed:400,300,300italic,400italic,700,700italic' rel='stylesheet' type='text/css'>
<!-- //web-fonts --> 
<!-- start-smooth-scrolling -->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>	
<script type="text/javascript">
		jQuery(document).ready(function($) {
			$(".scroll").click(function(event){		
				event.preventDefault();
				$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
			});
		});
</script>
<!-- //end-smooth-scrolling -->
</head>
<body>
	<!-- banner start here -->
	<div class="agileinfo-main about-top">  
		<div class="banner"> 
		</div> 
		<div class="agileinfo-header">
			<div class="container">
				<div class="agile-logo">
					<h1><a href="index.html"><i class="fa fa-music bounce bounceIn animated" aria-hidden="true"></i> Rock</a></h1>
				</div>
				<div class="agileits-w3layouts-icons">
					<div class="social-icon">
						<a href="#" class="social-button twitter"><i class="fa fa-twitter"></i></a>
						<a href="#" class="social-button facebook"><i class="fa fa-facebook"></i></a> 
						<a href="#" class="social-button google"><i class="fa fa-google-plus"></i></a> 
						<a href="#" class="social-button dribbble"><i class="fa fa-dribbble"></i></a>
						<a href="#" class="social-button skype"><i class="fa fa-skype"></i></a>
					</div> 
				</div>
				<div class="clearfix"> </div>
			</div>	    
		</div>
		<!-- navigation start here -->
		<div class="top-nav">
			<span class="menu">Menu</span>	
			<ul class="w3l">
				<li><a href="index.html"><i aria-hidden="true" class="glyphicon glyphicon-home"></i><span>Home</span></a></li>
				<li><a href="about.html"><i class="glyphicon glyphicon-user"></i><span>About</span></a></li>
				<li><a href="blog.html"><i class="glyphicon glyphicon-list-alt"></i><span>Blog</span></a></li>
				<li><a class="active" href="codes.html"><i class="glyphicon glyphicon-picture"></i><span>Short Codes</span></a></li>
				<li><a href="contact.html"><i class="glyphicon glyphicon-envelope"></i><span>Contact</span></a></li>
			</ul>
			<!-- script-for-menu -->
			<script>
			   $( "span.menu" ).click(function() {
				 $( "ul.w3l" ).slideToggle( 300, function() {
				 // Animation complete.
				  });
				 });
			</script>
			<!-- //script-for-menu -->
		</div>	
	</div>
	<!-- //navigation end here -->
	<!-- short-codes --> 
	<div class="codes">
		<div class="container">
			<h3 class="agile-title">Short Codes</h3>    
			<div class="wthree-grid">   
				<div class="grid_3 grid_4 ">
					<h3 class="w3ls-hdg">Headings</h3>
					<div class="bs-example w3layouts">
						<table class="table">
							<tbody>
								<tr>
									<td><h1 id="h1.-bootstrap-heading">h1. Bootstrap heading<a class="anchorjs-link" href="#h1.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h1></td>
									<td class="type-info w3l">Semibold 36px</td>
								</tr>
								<tr>
									<td><h2 id="h2.-bootstrap-heading">h2. Bootstrap heading<a class="anchorjs-link" href="#h2.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h2></td>
									<td class="type-info w3l">Semibold 30px</td>
								</tr>
								<tr>
									<td><h3 id="h3.-bootstrap-heading">h3. Bootstrap heading<a class="anchorjs-link" href="#h3.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h3></td>
									<td class="type-info w3l">Semibold 24px</td>
								</tr>
								<tr>
									<td><h4 id="h4.-bootstrap-heading">h4. Bootstrap heading<a class="anchorjs-link" href="#h4.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h4></td>
									<td class="type-info w3l">Semibold 18px</td>
								</tr>
								<tr>
									<td><h5 id="h5.-bootstrap-heading">h5. Bootstrap heading<a class="anchorjs-link" href="#h5.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h5></td>
									<td class="type-info w3l">Semibold 14px</td>
								</tr>
								<tr>
									<td><h6>h6. Bootstrap heading</h6></td>
									<td class="type-info w3l">Semibold 12px</td>
								</tr>
							</tbody>
						</table>
					</div>	
				</div>
				<div class="grid_3 grid_5">
					<h3 class="w3ls-hdg">Labels</h3>
					<div class="but_list w3layouts">
						<h1>
							<span class="label label-default">Default</span>
							<span class="label label-primary">Primary</span>
							<span class="label label-success">Success</span>
							<span class="label label-info">Info</span>
							<span class="label label-warning">Warning</span>
							<span class="label label-danger">Danger</span>
						</h1>
						<h2>
							<span class="label label-default">Default</span>
							<span class="label label-primary">Primary</span>
							<span class="label label-success">Success</span>
							<span class="label label-info">Info</span>
							<span class="label label-warning">Warning</span>
							<span class="label label-danger">Danger</span>
						</h2>
						<h3>
							<span class="label label-default">Default</span>
							<span class="label label-primary">Primary</span>
							<span class="label label-success">Success</span>
							<span class="label label-info">Info</span>
							<span class="label label-warning">Warning</span>
							<span class="label label-danger">Danger</span>
						</h3>
						<h4>
							<span class="label label-default">Default</span>
							<span class="label label-primary">Primary</span>
							<span class="label label-success">Success</span>
							<span class="label label-info">Info</span>
							<span class="label label-warning">Warning</span>
							<span class="label label-danger">Danger</span>
						</h4>
						<h5>
							<span class="label label-default">Default</span>
							<span class="label label-primary">Primary</span>
							<span class="label label-success">Success</span>
							<span class="label label-info">Info</span>
							<span class="label label-warning">Warning</span>
							<span class="label label-danger">Danger</span>
						</h5>
						<h6>
							<span class="label label-default">Default</span>
							<span class="label label-primary">Primary</span>
							<span class="label label-success">Success</span>
							<span class="label label-info">Info</span>
							<span class="label label-warning">Warning</span>
							<span class="label label-danger">Danger</span>
						</h6>
					</div>
				</div>
				<div class="grid_3 grid_5 w3-agileits">
					<h3 class="w3ls-hdg">Progress Bars</h3>
					<div class="tab-content">
						<div class="tab-pane active" id="domprogress">
							<div class="progress w3-agileits">    
								<div class="progress-bar progress-bar-primary" style="width: 20%"></div>
							</div>
							<p>Info with <code>progress-bar-info</code> class.</p>
							<div class="progress w3-agileits">    
								<div class="progress-bar progress-bar-info" style="width: 60%"></div>
							</div>
							<p>Success with <code>progress-bar-success</code> class.</p>
							<div class="progress w3-agileits">
								<div class="progress-bar progress-bar-success" style="width: 30%"></div>
							</div>
							<p>Warning with <code>progress-bar-warning</code> class.</p>
							<div class="progress w3-agileits">
								<div class="progress-bar progress-bar-warning" style="width: 70%"></div>
							</div>
							<p>Danger with <code>progress-bar-danger</code> class.</p>
							<div class="progress w3-agileits">
								<div class="progress-bar progress-bar-danger" style="width: 50%"></div>
							</div>
							<p>Inverse with <code>progress-bar-inverse</code> class.</p>
							<div class="progress w3-agileits">
								<div class="progress-bar progress-bar-inverse" style="width: 40%"></div>
							</div>
							<p>Inverse with <code>progress-bar-inverse</code> class.</p>
							<div class="progress w3-agileits">
								<div class="progress-bar progress-bar-success" style="width: 35%"><span class="sr-only">35% Complete (success)</span></div>
								<div class="progress-bar progress-bar-warning" style="width: 20%"><span class="sr-only">20% Complete (warning)</span></div>
								<div class="progress-bar progress-bar-danger" style="width: 10%"><span class="sr-only">10% Complete (danger)</span></div>
							</div>
						</div>
					</div>
				</div>
				<div class="grid_3 grid_5 w3-agileits">
					<h3 class="w3ls-hdg">Alerts</h3>
					<div class="alert alert-success" role="alert">
						<strong>Well done!</strong> You successfully read this important alert message.
					</div>
					<div class="alert alert-info" role="alert">
						<strong>Heads up!</strong> This alert needs your attention, but it's not super important.
					</div>
					<div class="alert alert-warning" role="alert">
						<strong>Warning!</strong> Best check yo self, you're not looking too good.
					</div>
					<div class="alert alert-danger" role="alert">
						<strong>Oh snap!</strong> Change a few things up and try submitting again.
					</div>
				</div>
				<div class="grid_3 grid_5">
					<h3 class="w3ls-hdg">Pagination</h3>
					<div class="col-md-6 page_1 agileits-w3layouts">
						<nav>
							<ul class="pagination pagination-lg">
								<li><a href="#" aria-label="Previous"><span aria-hidden="true">«</span></a></li>
								<li><a href="#">1</a></li>
								<li><a href="#">2</a></li>
								<li><a href="#">3</a></li>
								<li><a href="#">4</a></li>
								<li><a href="#">5</a></li>
								<li><a href="#" aria-label="Next"><span aria-hidden="true">»</span></a></li>
							</ul>
						</nav>
						<nav>
							<ul class="pagination">
								<li><a href="#" aria-label="Previous"><span aria-hidden="true">«</span></a></li>
								<li><a href="#">1</a></li>
								<li><a href="#">2</a></li>
								<li><a href="#">3</a></li>
								<li><a href="#">4</a></li>
								<li><a href="#">5</a></li>
								<li><a href="#" aria-label="Next"><span aria-hidden="true">»</span></a></li>
							</ul>
						</nav>
						<nav>
							<ul class="pagination pagination-sm">
								<li><a href="#" aria-label="Previous"><span aria-hidden="true">«</span></a></li>
								<li><a href="#">1</a></li>
								<li><a href="#">2</a></li>
								<li><a href="#">3</a></li>
								<li><a href="#">4</a></li>
								<li><a href="#">5</a></li>
								<li><a href="#" aria-label="Next"><span aria-hidden="true">»</span></a></li>
							</ul>
						</nav>
					</div>
					<div class="col-md-6 page_1 agileits-w3layouts">
						<ul class="pagination pagination-lg">
							<li class="disabled"><a href="#"><span aria-hidden="true">«</span></a></li>
							<li class="active"><a href="#">1</a></li>
							<li><a href="#">2</a></li>
							<li><a href="#">3</a></li>
							<li><a href="#">4</a></li>
							<li><a href="#">5</a></li>
							<li><a href="#"><span aria-hidden="true">»</span></a></li>
						</ul>
						<nav>
							<ul class="pagination">
								<li class="disabled"><a href="#" aria-label="Previous"><span aria-hidden="true">«</span></a></li>
								<li class="active"><a href="#">1 <span class="sr-only">(current)</span></a></li>
								<li><a href="#">2</a></li>
								<li><a href="#">3</a></li>
								<li><a href="#">4</a></li>
								<li><a href="#">5</a></li>
								<li><a href="#" aria-label="Next"><span aria-hidden="true">»</span></a></li>
							</ul>
						</nav>
						<ul class="pagination pagination-sm agile">
							<li class="disabled"><a href="#"><span aria-hidden="true">«</span></a></li>
							<li class="active"><a href="#">1</a></li>
							<li><a href="#">2</a></li>
							<li><a href="#">3</a></li>
							<li><a href="#">4</a></li>
							<li><a href="#">5</a></li>
							<li><a href="#"><span aria-hidden="true">»</span></a></li>
						</ul>
					</div>
					<div class="clearfix"> </div>
				</div>
				<div class="grid_3 grid_5 agile">
					<h3 class="w3ls-hdg">Default Navbar</h3>
					<div class="bs-example w3layouts" data-example-id="default-navbar"> 
						<nav class="navbar navbar-default"> 
							<div class="container-fluid"> 
								<div class="navbar-header"> 
									<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> 
									<a href="#" class="navbar-brand">Brand</a> 
								</div> 
								<div class="navbar-collapse collapse" id="bs-example-navbar-collapse-1" aria-expanded="false" style="height: 1px;"> 
									<ul class="nav navbar-nav  agile"> 
										<li class="active"><a href="#">Link <span class="sr-only">(current)</span></a></li> 
										<li><a href="#">Link</a></li> 
										<li class="dropdown"> 
											<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="#">Action</a></li> <li><a href="#">Another action</a></li>
											<li><a href="#">Something else here</a></li>  
											<li role="separator" class="divider"></li> 
											<li><a href="#">Separated link</a></li> 
											<li role="separator" class="divider"></li> 
											<li><a href="#">One more separated link</a></li> </ul> 
										</li> 
									</ul> 
									<form class="navbar-form navbar-left"> 
										<div class="form-group w3-agile"><input class="form-control" placeholder="Search"></div> 
										<button type="submit" class="btn btn-default">Submit</button> 
									</form> 
									<ul class="nav navbar-nav navbar-right"> 
										<li><a href="#">Link</a></li> 
										<li class="dropdown w3-agile"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a> 
											<ul class="dropdown-menu"> 
												<li><a href="#">Action</a></li> 
												<li><a href="#">Another action</a></li> 
												<li><a href="#">Something else here</a></li> 
												<li role="separator" class="divider w3-agile"></li> 
												<li><a href="#">Separated link</a></li> 
											</ul> 
										</li> 
									</ul>
								</div> 
							</div> 
						</nav> 
					</div>
				</div> 
				<div class="grid_3 grid_5 ">
					<h3 class="w3ls-hdg w3layouts ">Breadcrumbs</h3>
					<ol class="breadcrumb">
						<li class="active">Home</li>
					</ol>
					<ol class="breadcrumb">
						<li><a href="#">Home</a></li>
						<li class="active">Library</li>
					</ol>
					<ol class="breadcrumb">
						<li><a href="#">Home</a></li>
						<li><a href="#">Library</a></li>
						<li class="active">Data</li>
					</ol>
				</div>
				<div class="grid_3 grid_5 ">
					<h3 class="w3ls-hdg">Badges</h3>
					<div class="col-md-6">
						<p>Add modifier classes to change the appearance of a badge.</p>
						<table class="table table-bordered">
							<thead>
								<tr>
									<th>Classes</th>
									<th>Badges</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td>No modifiers</td>
									<td><span class="badge">42</span></td>
								</tr>
								<tr>
									<td><code>.badge-primary</code></td>
									<td><span class="badge badge-primary">1</span></td>
								</tr>
								<tr>
									<td><code>.badge-success</code></td>
									<td><span class="badge badge-success">22</span></td>
								</tr>
								<tr>
									<td><code>.badge-info</code></td>
									<td><span class="badge badge-info">30</span></td>
								</tr>
								<tr>
									<td><code>.badge-warning</code></td>
									<td><span class="badge badge-warning">412</span></td>
								</tr>
								<tr>
									<td><code>.badge-danger</code></td>
									<td><span class="badge badge-danger">999</span></td>
								</tr>
							</tbody>
						</table>                    
					</div>
					<div class="col-md-6">
						<p>Easily highlight new or unread items with the <code>.badge</code> class</p>
						<div class="list-group list-group-alternate"> 
							<a href="#" class="list-group-item"><span class="badge">201</span> <i class="ti ti-email"></i> Inbox </a> 
							<a href="#" class="list-group-item"><span class="badge badge-primary">5021</span> <i class="ti ti-eye"></i> Profile visits </a> 
							<a href="#" class="list-group-item"><span class="badge">14</span> <i class="ti ti-headphone-alt"></i> Call </a> 
							<a href="#" class="list-group-item"><span class="badge">20</span> <i class="ti ti-comments"></i> Messages </a> 
							<a href="#" class="list-group-item"><span class="badge badge-warning">14</span> <i class="ti ti-bookmark"></i> Bookmarks </a> 
							<a href="#" class="list-group-item"><span class="badge badge-danger">30</span> <i class="ti ti-bell"></i> Notifications </a> 
						</div>
					</div>
					<div class="clearfix"> </div>
				</div>
				<div class="grid_3 grid_5 ">
					<h3 class="w3ls-hdg">Tabs</h3>
					<div class="bs-example bs-example-tabs w3" role="tabpanel" data-example-id="togglable-tabs">
						<ul id="myTab" class="nav nav-tabs" role="tablist">
							<li role="presentation" class="active"><a href="#home" id="home-tab" role="tab" data-toggle="tab" aria-controls="home" aria-expanded="true">Home</a></li>
							<li role="presentation"><a href="#profile" role="tab" id="profile-tab" data-toggle="tab" aria-controls="profile">Profile</a></li>
							<li role="presentation" class="dropdown">
								<a href="#" id="myTabDrop1" class="dropdown-toggle" data-toggle="dropdown" aria-controls="myTabDrop1-contents">Dropdown <span class="caret"></span></a>
								<ul class="dropdown-menu" role="menu" aria-labelledby="myTabDrop1" id="myTabDrop1-contents">
									<li><a href="#dropdown1" tabindex="-1" role="tab" id="dropdown1-tab" data-toggle="tab" aria-controls="dropdown1">@fat</a></li>
									<li><a href="#dropdown2" tabindex="-1" role="tab" id="dropdown2-tab" data-toggle="tab" aria-controls="dropdown2">@mdo</a></li>
								</ul>
							</li>
						</ul>
						<div id="myTabContent" class="tab-content">
							<div role="tabpanel" class="tab-pane fade in active" id="home" aria-labelledby="home-tab">
								<p>Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.</p>
							</div>
							<div role="tabpanel" class="tab-pane fade w3" id="profile" aria-labelledby="profile-tab">
								<p>Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.</p>
							</div>
							<div role="tabpanel" class="tab-pane fade" id="dropdown1" aria-labelledby="dropdown1-tab">
								<p>Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade. Messenger bag gentrify pitchfork tattooed craft beer, iphone skateboard locavore carles etsy salvia banksy hoodie helvetica. DIY synth PBR banksy irony. Leggings gentrify squid 8-bit cred pitchfork. Williamsburg banh mi whatever gluten-free, carles pitchfork biodiesel fixie etsy retro mlkshk vice blog. Scenester cred you probably haven't heard of them, vinyl craft beer blog stumptown. Pitchfork sustainable tofu synth chambray yr.</p>
							</div>
							<div role="tabpanel" class="tab-pane fade" id="dropdown2" aria-labelledby="dropdown2-tab">
								<p>Trust fund seitan letterpress, keytar raw denim keffiyeh etsy art party before they sold out master cleanse gluten-free squid scenester freegan cosby sweater. Fanny pack portland seitan DIY, art party locavore wolf cliche high life echo park Austin. Cred vinyl keffiyeh DIY salvia PBR, banh mi before they sold out farm-to-table VHS viral locavore cosby sweater. Lomo wolf viral, mustache readymade thundercats keffiyeh craft beer marfa ethical. Wolf salvia freegan, sartorial keffiyeh echo park vegan.</p>
							</div>
						</div>
					</div>
				</div>
				<div class="grid_3 grid_5 w3">
						<h3 class="w3ls-hdg">Wells</h3>
						<div class="well w3l">
							There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration
						</div>
						<div class="well w3l">
							It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here
						</div>
						<div class="well w3l">
							Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic
						</div>
					</div>
			</div>
			<div class="grid_3 grid_4">
				<h3 class="w3ls-hdg">Horizontal Form</h3>
				<div class="tab-content">
					<div class="tab-pane active" id="horizontal-form">
						<form class="form-horizontal">
							<div class="form-group">
								<label for="focusedinput" class="col-sm-2 control-label">Focused Input</label>
								<div class="col-sm-8">
									<input type="text" class="form-control1" id="focusedinput" placeholder="Default Input">
								</div>
								<div class="col-sm-2 jlkdfj1">
									<p class="help-block">Your help text!</p>
								</div>
							</div>
							<div class="form-group">
								<label for="disabledinput" class="col-sm-2 control-label">Disabled Input</label>
								<div class="col-sm-8">
									<input disabled="" type="text" class="form-control1" id="disabledinput" placeholder="Disabled Input">
								</div>
							</div>
							<div class="form-group">
								<label for="inputPassword" class="col-sm-2 control-label">Password</label>
								<div class="col-sm-8">
									<input type="password" class="form-control1" id="inputPassword" placeholder="Password">
								</div>
							</div>
							<div class="form-group">
								<label for="checkbox" class="col-sm-2 control-label">Checkbox</label>
								<div class="col-sm-8">
									<div class="checkbox-inline1"><label><input type="checkbox"> Unchecked</label></div>
									<div class="checkbox-inline1"><label><input type="checkbox" checked=""> Checked</label></div>
									<div class="checkbox-inline1"><label><input type="checkbox" disabled=""> Disabled Unchecked</label></div>
									<div class="checkbox-inline1"><label><input type="checkbox" disabled="" checked=""> Disabled Checked</label></div>
								</div>
							</div> 
							<div class="form-group">
								<label for="checkbox" class="col-sm-2 control-label">Checkbox Inline</label>
								<div class="col-sm-8">
									<div class="checkbox-inline"><label><input type="checkbox"> Unchecked</label></div>
									<div class="checkbox-inline"><label><input type="checkbox" checked=""> Checked</label></div>
									<div class="checkbox-inline"><label><input type="checkbox" disabled=""> Disabled Unchecked</label></div>
									<div class="checkbox-inline"><label><input type="checkbox" disabled="" checked=""> Disabled Checked</label></div>
								</div>
							</div>
							<div class="form-group">
								<label for="selector1" class="col-sm-2 control-label">Dropdown Select</label>
								<div class="col-sm-8"><select name="selector1" id="selector1" class="form-control1">
									<option>Lorem ipsum dolor sit amet.</option>
									<option>Dolore, ab unde modi est!</option>
									<option>Illum, fuga minus sit eaque.</option>
									<option>Consequatur ducimus maiores voluptatum minima.</option>
								</select></div>
							</div>
							<div class="form-group">
								<label class="col-sm-2 control-label">Multiple Select</label>
								<div class="col-sm-8">
									<select multiple="" class="form-control1">
										<option>Option 1</option>
										<option>Option 2</option>
										<option>Option 3</option>
										<option>Option 4</option>
										<option>Option 5</option>
									</select>
								</div>
							</div>
							<div class="form-group">
								<label for="txtarea1" class="col-sm-2 control-label">Textarea</label>
								<div class="col-sm-8"><textarea name="txtarea1" id="txtarea1" cols="50" rows="4" class="form-control1"></textarea></div>
							</div>
							<div class="form-group">
								<label for="radio" class="col-sm-2 control-label">Radio</label>
								<div class="col-sm-8">
									<div class="radio block"><label><input type="radio"> Unchecked</label></div>
									<div class="radio block"><label><input type="radio" checked=""> Checked</label></div>
									<div class="radio block"><label><input type="radio" disabled=""> Disabled Unchecked</label></div>
									<div class="radio block"><label><input type="radio" disabled="" checked=""> Disabled Checked</label></div>
								</div>
							</div>
							<div class="form-group">
								<label for="radio" class="col-sm-2 control-label">Radio Inline</label>
								<div class="col-sm-8">
									<div class="radio-inline"><label><input type="radio"> Unchecked</label></div>
									<div class="radio-inline"><label><input type="radio" checked=""> Checked</label></div>
									<div class="radio-inline"><label><input type="radio" disabled=""> Disabled Unchecked</label></div>
									<div class="radio-inline"><label><input type="radio" disabled="" checked=""> Disabled Checked</label></div>
								</div>
							</div>
							<div class="form-group">
								<label for="smallinput" class="col-sm-2 control-label label-input-sm">Small Input</label>
								<div class="col-sm-8">
									<input type="text" class="form-control1 input-sm" id="smallinput" placeholder="Small Input">
								</div>
							</div>
							<div class="form-group">
								<label for="mediuminput" class="col-sm-2 control-label">Medium Input</label>
								<div class="col-sm-8">
									<input type="text" class="form-control1" id="mediuminput" placeholder="Medium Input">
								</div>
							</div>
							<div class="form-group mb-n">
								<label for="largeinput" class="col-sm-2 control-label label-input-lg">Large Input</label>
								<div class="col-sm-8">
									<input type="text" class="form-control1 input-lg" id="largeinput" placeholder="Large Input">
								</div>
							</div>
						</form>
					</div>
				</div>
			</div>
			<div class="grid_3 grid_4">
				<div class="w3agile-icons"> 
					<div class="section group">
						<div class="col_1_of_1 span_1_of_1">
							<div class="agileits-box"> 
								<div class="title ">
									<h3 class="w3ls-hdg">Web Application(Font Awesome) Icons</h3>
								</div>
								<div class="box_content"> 
									<div class="fontawesome-icon-list"> 
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-adjust"></i> fa-adjust</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-anchor"></i> fa-anchor</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-archive"></i> fa-archive</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-arrows"></i> fa-arrows</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-arrows-h"></i> fa-arrows-h</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-arrows-v"></i> fa-arrows-v</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-asterisk"></i> fa-asterisk</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-ban"></i> fa-ban</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-bar-chart-o"></i> fa-bar-chart-o</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-barcode"></i> fa-barcode</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-bars"></i> fa-bars</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-beer"></i> fa-beer</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-bell"></i> fa-bell</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-bell-o"></i> fa-bell-o</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-bolt"></i> fa-bolt</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-book"></i> fa-book</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-bookmark"></i> fa-bookmark</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-bookmark-o"></i> fa-bookmark-o</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-briefcase"></i> fa-briefcase</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-bug"></i> fa-bug</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-building-o"></i> fa-building-o</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-bullhorn"></i> fa-bullhorn</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-bullseye"></i> fa-bullseye</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-calendar"></i> fa-calendar</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-calendar-o"></i> fa-calendar-o</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-camera"></i> fa-camera</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-camera-retro"></i> fa-camera-retro</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-caret-square-o-down"></i> fa-caret-square-o-down</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-caret-square-o-left"></i> fa-caret-square-o-left</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-caret-square-o-right"></i> fa-caret-square-o-right</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-caret-square-o-up"></i> fa-caret-square-o-up</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-certificate"></i> fa-certificate</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-check"></i> fa-check</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-check-circle"></i> fa-check-circle</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-check-circle-o"></i> fa-check-circle-o</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-check-square"></i> fa-check-square</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-check-square-o"></i> fa-check-square-o</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-circle"></i> fa-circle</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-circle-o"></i> fa-circle-o</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-clock-o"></i> fa-clock-o</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-cloud"></i> fa-cloud</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-cloud-download"></i> fa-cloud-download</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-cloud-upload"></i> fa-cloud-upload</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-code"></i> fa-code</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-code-fork"></i> fa-code-fork</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-coffee"></i> fa-coffee</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-cog"></i> fa-cog</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-cogs"></i> fa-cogs</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-comment"></i> fa-comment</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-comment-o"></i> fa-comment-o</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-comments"></i> fa-comments</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-comments-o"></i> fa-comments-o</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-compass"></i> fa-compass</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-credit-card"></i> fa-credit-card</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-crop"></i> fa-crop</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-crosshairs"></i> fa-crosshairs</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-cutlery"></i> fa-cutlery</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-dashboard"></i> fa-dashboard <span class="text-muted">(alias)</span></a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-desktop"></i> fa-desktop</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-dot-circle-o"></i> fa-dot-circle-o</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-download"></i> fa-download</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-edit"></i> fa-edit <span class="text-muted">(alias)</span></a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-ellipsis-h"></i> fa-ellipsis-h</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-ellipsis-v"></i> fa-ellipsis-v</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-envelope"></i> fa-envelope</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-envelope-o"></i> fa-envelope-o</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-eraser"></i> fa-eraser</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-exchange"></i> fa-exchange</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-exclamation"></i> fa-exclamation</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-exclamation-circle"></i> fa-exclamation-circle</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-exclamation-triangle"></i> fa-exclamation-triangle</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-external-link"></i> fa-external-link</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-external-link-square"></i> fa-external-link-square</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-eye"></i> fa-eye</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-eye-slash"></i> fa-eye-slash</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-female"></i> fa-female</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-fighter-jet"></i> fa-fighter-jet</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-film"></i> fa-film</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-filter"></i> fa-filter</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-fire"></i> fa-fire</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-fire-extinguisher"></i> fa-fire-extinguisher</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-flag"></i> fa-flag</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-flag-checkered"></i> fa-flag-checkered</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-flag-o"></i> fa-flag-o</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-flash"></i> fa-flash <span class="text-muted">(alias)</span></a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-flask"></i> fa-flask</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-folder"></i> fa-folder</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-folder-o"></i> fa-folder-o</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-folder-open"></i> fa-folder-open</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-folder-open-o"></i> fa-folder-open-o</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-frown-o"></i> fa-frown-o</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-gamepad"></i> fa-gamepad</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-gavel"></i> fa-gavel</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-gear"></i> fa-gear <span class="text-muted">(alias)</span></a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-gears"></i> fa-gears <span class="text-muted">(alias)</span></a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-gift"></i> fa-gift</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-glass"></i> fa-glass</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-globe"></i> fa-globe</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-group"></i> fa-group <span class="text-muted">(alias)</span></a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-hdd-o"></i> fa-hdd-o</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-headphones"></i> fa-headphones</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-heart"></i> fa-heart</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-heart-o"></i> fa-heart-o</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-home"></i> fa-home</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-inbox"></i> fa-inbox</a></div>
								
										<div class="agileinfo-box1"><a href="#"><i class="fa fa-info"></i> fa-info</a></div>
								
										<div class="agileinfo-box1"><a href="#info-circle"><i class="fa fa-info-circle"></i> fa-info-circle</a></div>
								
										<div class="agileinfo-box1"><a href="#key"><i class="fa fa-key"></i> fa-key</a></div>
								
										<div class="agileinfo-box1"><a href="#keyboard-o"><i class="fa fa-keyboard-o"></i> fa-keyboard-o</a></div>
								
										<div class="agileinfo-box1"><a href="#laptop"><i class="fa fa-laptop"></i> fa-laptop</a></div>
								
										<div class="agileinfo-box1"><a href="#leaf"><i class="fa fa-leaf"></i> fa-leaf</a></div>
								
										<div class="agileinfo-box1"><a href="#gavel"><i class="fa fa-legal"></i> fa-legal <span class="text-muted">(alias)</span></a></div>
								
										<div class="agileinfo-box1"><a href="#lemon-o"><i class="fa fa-lemon-o"></i> fa-lemon-o</a></div>
								
										<div class="agileinfo-box1"><a href="#level-down"><i class="fa fa-level-down"></i> fa-level-down</a></div>
								
										<div class="agileinfo-box1"><a href="#level-up"><i class="fa fa-level-up"></i> fa-level-up</a></div>
								
										<div class="agileinfo-box1"><a href="#lightbulb-o"><i class="fa fa-lightbulb-o"></i> fa-lightbulb-o</a></div>
								
										<div class="agileinfo-box1"><a href="#location-arrow"><i class="fa fa-location-arrow"></i> fa-location-arrow</a></div>
								
										<div class="agileinfo-box1"><a href="#lock"><i class="fa fa-lock"></i> fa-lock</a></div>
								
										<div class="agileinfo-box1"><a href="#magic"><i class="fa fa-magic"></i> fa-magic</a></div>
								
										<div class="agileinfo-box1"><a href="#magnet"><i class="fa fa-magnet"></i> fa-magnet</a></div>
								
										<div class="agileinfo-box1"><a href="#share"><i class="fa fa-mail-forward"></i> fa-mail-forward <span class="text-muted">(alias)</span></a></div>
								
										<div class="agileinfo-box1"><a href="#reply"><i class="fa fa-mail-reply"></i> fa-mail-reply <span class="text-muted">(alias)</span></a></div>
								
										<div class="agileinfo-box1"><a href="#mail-reply-all"><i class="fa fa-mail-reply-all"></i> fa-mail-reply-all</a></div>
								
										<div class="agileinfo-box1"><a href="#male"><i class="fa fa-male"></i> fa-male</a></div>
								
										<div class="agileinfo-box1"><a href="#map-marker"><i class="fa fa-map-marker"></i> fa-map-marker</a></div>
								
										<div class="agileinfo-box1"><a href="#meh-o"><i class="fa fa-meh-o"></i> fa-meh-o</a></div>
								
										<div class="agileinfo-box1"><a href="#microphone"><i class="fa fa-microphone"></i> fa-microphone</a></div>
								
										<div class="agileinfo-box1"><a href="#microphone-slash"><i class="fa fa-microphone-slash"></i> fa-microphone-slash</a></div>
								
										<div class="agileinfo-box1"><a href="#minus"><i class="fa fa-minus"></i> fa-minus</a></div>
								
										<div class="agileinfo-box1"><a href="#minus-circle"><i class="fa fa-minus-circle"></i> fa-minus-circle</a></div>
								
										<div class="agileinfo-box1"><a href="#minus-square"><i class="fa fa-minus-square"></i> fa-minus-square</a></div>
								
										<div class="agileinfo-box1"><a href="#minus-square-o"><i class="fa fa-minus-square-o"></i> fa-minus-square-o</a></div>
								
										<div class="agileinfo-box1"><a href="#mobile"><i class="fa fa-mobile"></i> fa-mobile</a></div>
								
										<div class="agileinfo-box1"><a href="#mobile"><i class="fa fa-mobile-phone"></i> fa-mobile-phone <span class="text-muted">(alias)</span></a></div>
								
										<div class="agileinfo-box1"><a href="#money"><i class="fa fa-money"></i> fa-money</a></div>
								
										<div class="agileinfo-box1"><a href="#moon-o"><i class="fa fa-moon-o"></i> fa-moon-o</a></div>
								
										<div class="agileinfo-box1"><a href="#music"><i class="fa fa-music"></i> fa-music</a></div>
								
										<div class="agileinfo-box1"><a href="#pencil"><i class="fa fa-pencil"></i> fa-pencil</a></div>
								
										<div class="agileinfo-box1"><a href="#pencil-square"><i class="fa fa-pencil-square"></i> fa-pencil-square</a></div>
								
										<div class="agileinfo-box1"><a href="#pencil-square-o"><i class="fa fa-pencil-square-o"></i> fa-pencil-square-o</a></div>
								
										<div class="agileinfo-box1"><a href="#phone"><i class="fa fa-phone"></i> fa-phone</a></div>
								
										<div class="agileinfo-box1"><a href="#phone-square"><i class="fa fa-phone-square"></i> fa-phone-square</a></div>
								
										<div class="agileinfo-box1"><a href="#picture-o"><i class="fa fa-picture-o"></i> fa-picture-o</a></div>
								
										<div class="agileinfo-box1"><a href="#plane"><i class="fa fa-plane"></i> fa-plane</a></div>
								
										<div class="agileinfo-box1"><a href="#plus"><i class="fa fa-plus"></i> fa-plus</a></div>
								
										<div class="agileinfo-box1"><a href="#plus-circle"><i class="fa fa-plus-circle"></i> fa-plus-circle</a></div>
								
										<div class="agileinfo-box1"><a href="#plus-square"><i class="fa fa-plus-square"></i> fa-plus-square</a></div>
								
										<div class="agileinfo-box1"><a href="#plus-square-o"><i class="fa fa-plus-square-o"></i> fa-plus-square-o</a></div>
								
										<div class="agileinfo-box1"><a href="#power-off"><i class="fa fa-power-off"></i> fa-power-off</a></div>
								
										<div class="agileinfo-box1"><a href="#print"><i class="fa fa-print"></i> fa-print</a></div>
								
										<div class="agileinfo-box1"><a href="#puzzle-piece"><i class="fa fa-puzzle-piece"></i> fa-puzzle-piece</a></div>
								
										<div class="agileinfo-box1"><a href="#qrcode"><i class="fa fa-qrcode"></i> fa-qrcode</a></div>
								
										<div class="agileinfo-box1"><a href="#question"><i class="fa fa-question"></i> fa-question</a></div>
								
										<div class="agileinfo-box1"><a href="#question-circle"><i class="fa fa-question-circle"></i> fa-question-circle</a></div>
								
										<div class="agileinfo-box1"><a href="#quote-left"><i class="fa fa-quote-left"></i> fa-quote-left</a></div>
								
										<div class="agileinfo-box1"><a href="#quote-right"><i class="fa fa-quote-right"></i> fa-quote-right</a></div>
								
										<div class="agileinfo-box1"><a href="#random"><i class="fa fa-random"></i> fa-random</a></div>
								
										<div class="agileinfo-box1"><a href="#refresh"><i class="fa fa-refresh"></i> fa-refresh</a></div>
								
										<div class="agileinfo-box1"><a href="#reply"><i class="fa fa-reply"></i> fa-reply</a></div>
								
										<div class="agileinfo-box1"><a href="#reply-all"><i class="fa fa-reply-all"></i> fa-reply-all</a></div>
								
										<div class="agileinfo-box1"><a href="#retweet"><i class="fa fa-retweet"></i> fa-retweet</a></div>
								
										<div class="agileinfo-box1"><a href="#road"><i class="fa fa-road"></i> fa-road</a></div>
								
										<div class="agileinfo-box1"><a href="#rocket"><i class="fa fa-rocket"></i> fa-rocket</a></div>
								
										<div class="agileinfo-box1"><a href="#rss"><i class="fa fa-rss"></i> fa-rss</a></div>
								
										<div class="agileinfo-box1"><a href="#rss-square"><i class="fa fa-rss-square"></i> fa-rss-square</a></div>
								
										<div class="agileinfo-box1"><a href="#search"><i class="fa fa-search"></i> fa-search</a></div>
								
										<div class="agileinfo-box1"><a href="#search-minus"><i class="fa fa-search-minus"></i> fa-search-minus</a></div>
								
										<div class="agileinfo-box1"><a href="#search-plus"><i class="fa fa-search-plus"></i> fa-search-plus</a></div>
								
										<div class="agileinfo-box1"><a href="#share"><i class="fa fa-share"></i> fa-share</a></div>
								
										<div class="agileinfo-box1"><a href="#share-square"><i class="fa fa-share-square"></i> fa-share-square</a></div>
								
										<div class="agileinfo-box1"><a href="#share-square-o"><i class="fa fa-share-square-o"></i> fa-share-square-o</a></div>
								
										<div class="agileinfo-box1"><a href="#shield"><i class="fa fa-shield"></i> fa-shield</a></div>
								
										<div class="agileinfo-box1"><a href="#shopping-cart"><i class="fa fa-shopping-cart"></i> fa-shopping-cart</a></div>
								
										<div class="agileinfo-box1"><a href="#sign-in"><i class="fa fa-sign-in"></i> fa-sign-in</a></div>
								
										<div class="agileinfo-box1"><a href="#sign-out"><i class="fa fa-sign-out"></i> fa-sign-out</a></div>
								
										<div class="agileinfo-box1"><a href="#signal"><i class="fa fa-signal"></i> fa-signal</a></div>
								
										<div class="agileinfo-box1"><a href="#sitemap"><i class="fa fa-sitemap"></i> fa-sitemap</a></div>
								
										<div class="agileinfo-box1"><a href="#smile-o"><i class="fa fa-smile-o"></i> fa-smile-o</a></div>
								
										<div class="agileinfo-box1"><a href="#sort"><i class="fa fa-sort"></i> fa-sort</a></div>
								
										<div class="agileinfo-box1"><a href="#sort-alpha-asc"><i class="fa fa-sort-alpha-asc"></i> fa-sort-alpha-asc</a></div>
								
										<div class="agileinfo-box1"><a href="#sort-alpha-desc"><i class="fa fa-sort-alpha-desc"></i> fa-sort-alpha-desc</a></div>
								
										<div class="agileinfo-box1"><a href="#sort-amount-asc"><i class="fa fa-sort-amount-asc"></i> fa-sort-amount-asc</a></div>
								
										<div class="agileinfo-box1"><a href="#sort-amount-desc"><i class="fa fa-sort-amount-desc"></i> fa-sort-amount-desc</a></div>
								
										<div class="agileinfo-box1"><a href="#sort-asc"><i class="fa fa-sort-asc"></i> fa-sort-asc</a></div>
								
										<div class="agileinfo-box1"><a href="#sort-desc"><i class="fa fa-sort-desc"></i> fa-sort-desc</a></div>
								
										<div class="agileinfo-box1"><a href="#sort-asc"><i class="fa fa-sort-down"></i> fa-sort-down <span class="text-muted">(alias)</span></a></div>
								
										<div class="agileinfo-box1"><a href="#sort-numeric-asc"><i class="fa fa-sort-numeric-asc"></i> fa-sort-numeric-asc</a></div>
								
										<div class="agileinfo-box1"><a href="#sort-numeric-desc"><i class="fa fa-sort-numeric-desc"></i> fa-sort-numeric-desc</a></div>
								
										<div class="agileinfo-box1"><a href="#sort-desc"><i class="fa fa-sort-up"></i> fa-sort-up <span class="text-muted">(alias)</span></a></div>
								
										<div class="agileinfo-box1"><a href="#spinner"><i class="fa fa-spinner"></i> fa-spinner</a></div>
								
										<div class="agileinfo-box1"><a href="#square"><i class="fa fa-square"></i> fa-square</a></div>
								
										<div class="agileinfo-box1"><a href="#square-o"><i class="fa fa-square-o"></i> fa-square-o</a></div>
								
										<div class="agileinfo-box1"><a href="#star"><i class="fa fa-star"></i> fa-star</a></div>
								
										<div class="agileinfo-box1"><a href="#star-half"><i class="fa fa-star-half"></i> fa-star-half</a></div>
								
										<div class="agileinfo-box1"><a href="#star-half-o"><i class="fa fa-star-half-empty"></i> fa-star-half-empty <span class="text-muted">(alias)</span></a></div>
								
										<div class="agileinfo-box1"><a href="#star-half-o"><i class="fa fa-star-half-full"></i> fa-star-half-full <span class="text-muted">(alias)</span></a></div>
								
										<div class="agileinfo-box1"><a href="#star-half-o"><i class="fa fa-star-half-o"></i> fa-star-half-o</a></div>
								
										<div class="agileinfo-box1"><a href="#star-o"><i class="fa fa-star-o"></i> fa-star-o</a></div>
								
										<div class="agileinfo-box1"><a href="#subscript"><i class="fa fa-subscript"></i> fa-subscript</a></div>
								
										<div class="agileinfo-box1"><a href="#suitcase"><i class="fa fa-suitcase"></i> fa-suitcase</a></div>
								
										<div class="agileinfo-box1"><a href="#sun-o"><i class="fa fa-sun-o"></i> fa-sun-o</a></div>
								
										<div class="agileinfo-box1"><a href="#superscript"><i class="fa fa-superscript"></i> fa-superscript</a></div>
								
										<div class="agileinfo-box1"><a href="#tablet"><i class="fa fa-tablet"></i> fa-tablet</a></div>
								
										<div class="agileinfo-box1"><a href="#tachometer"><i class="fa fa-tachometer"></i> fa-tachometer</a></div>
								
										<div class="agileinfo-box1"><a href="#tag"><i class="fa fa-tag"></i> fa-tag</a></div>
								
										<div class="agileinfo-box1"><a href="#tags"><i class="fa fa-tags"></i> fa-tags</a></div>
								
										<div class="agileinfo-box1"><a href="#tasks"><i class="fa fa-tasks"></i> fa-tasks</a></div>
								
										<div class="agileinfo-box1"><a href="#terminal"><i class="fa fa-terminal"></i> fa-terminal</a></div>
								
										<div class="agileinfo-box1"><a href="#thumb-tack"><i class="fa fa-thumb-tack"></i> fa-thumb-tack</a></div>
								
										<div class="agileinfo-box1"><a href="#thumbs-down"><i class="fa fa-thumbs-down"></i> fa-thumbs-down</a></div>
								
										<div class="agileinfo-box1"><a href="#thumbs-o-down"><i class="fa fa-thumbs-o-down"></i> fa-thumbs-o-down</a></div>
								
										<div class="agileinfo-box1"><a href="#thumbs-o-up"><i class="fa fa-thumbs-o-up"></i> fa-thumbs-o-up</a></div>
								
										<div class="agileinfo-box1"><a href="#thumbs-up"><i class="fa fa-thumbs-up"></i> fa-thumbs-up</a></div>
								
										<div class="agileinfo-box1"><a href="#ticket"><i class="fa fa-ticket"></i> fa-ticket</a></div>
								
										<div class="agileinfo-box1"><a href="#times"><i class="fa fa-times"></i> fa-times</a></div>
								
										<div class="agileinfo-box1"><a href="#times-circle"><i class="fa fa-times-circle"></i> fa-times-circle</a></div>
								
										<div class="agileinfo-box1"><a href="#times-circle-o"><i class="fa fa-times-circle-o"></i> fa-times-circle-o</a></div>
								
										<div class="agileinfo-box1"><a href="#tint"><i class="fa fa-tint"></i> fa-tint</a></div>
								
										<div class="agileinfo-box1"><a href="#caret-square-o-down"><i class="fa fa-toggle-down"></i> fa-toggle-down <span class="text-muted">(alias)</span></a></div>
								
										<div class="agileinfo-box1"><a href="#caret-square-o-left"><i class="fa fa-toggle-left"></i> fa-toggle-left <span class="text-muted">(alias)</span></a></div>
								
										<div class="agileinfo-box1"><a href="#caret-square-o-right"><i class="fa fa-toggle-right"></i> fa-toggle-right <span class="text-muted">(alias)</span></a></div>
								
										<div class="agileinfo-box1"><a href="#caret-square-o-up"><i class="fa fa-toggle-up"></i> fa-toggle-up <span class="text-muted">(alias)</span></a></div>
								
										<div class="agileinfo-box1"><a href="#trash-o"><i class="fa fa-trash-o"></i> fa-trash-o</a></div>
								
										<div class="agileinfo-box1"><a href="#trophy"><i class="fa fa-trophy"></i> fa-trophy</a></div>
								
										<div class="agileinfo-box1"><a href="#truck"><i class="fa fa-truck"></i> fa-truck</a></div>
								
										<div class="agileinfo-box1"><a href="#umbrella"><i class="fa fa-umbrella"></i> fa-umbrella</a></div>
								
										<div class="agileinfo-box1"><a href="#unlock"><i class="fa fa-unlock"></i> fa-unlock</a></div>
								
										<div class="agileinfo-box1"><a href="#unlock-alt"><i class="fa fa-unlock-alt"></i> fa-unlock-alt</a></div>
								
										<div class="agileinfo-box1"><a href="#sort"><i class="fa fa-unsorted"></i> fa-unsorted <span class="text-muted">(alias)</span></a></div>
								
										<div class="agileinfo-box1"><a href="#upload"><i class="fa fa-upload"></i> fa-upload</a></div>
								
										<div class="agileinfo-box1"><a href="#user"><i class="fa fa-user"></i> fa-user</a></div>
								
										<div class="agileinfo-box1"><a href="#users"><i class="fa fa-users"></i> fa-users</a></div>
								
										<div class="agileinfo-box1"><a href="#video-camera"><i class="fa fa-video-camera"></i> fa-video-camera</a></div>
								
										<div class="agileinfo-box1"><a href="#volume-down"><i class="fa fa-volume-down"></i> fa-volume-down</a></div>
								
										<div class="agileinfo-box1"><a href="#volume-off"><i class="fa fa-volume-off"></i> fa-volume-off</a></div>
								
										<div class="agileinfo-box1"><a href="#volume-up"><i class="fa fa-volume-up"></i> fa-volume-up</a></div>
								
										<div class="agileinfo-box1"><a href="#exclamation-triangle"><i class="fa fa-warning"></i> fa-warning <span class="text-muted">(alias)</span></a></div>
								
										<div class="agileinfo-box1"><a href="#wheelchair"><i class="fa fa-wheelchair"></i> fa-wheelchair</a></div>
								
										<div class="agileinfo-box1"><a href="#wrench"><i class="fa fa-wrench"></i> fa-wrench</a></div>
									</div> 
									<div class="title margin-top">
										<h3 class="w3ls-hdg">Form Control Icons</h3>
									</div>
									<div class="box_content">
										<div class="fontawesome-icon-list"> 
											<div class="agileinfo-box1"><a href="#check-square"><i class="fa fa-check-square"></i> fa-check-square</a></div>
							
											<div class="agileinfo-box1"><a href="#check-square-o"><i class="fa fa-check-square-o"></i> fa-check-square-o</a></div>
							
											<div class="agileinfo-box1"><a href="#circle"><i class="fa fa-circle"></i> fa-circle</a></div>
							
											<div class="agileinfo-box1"><a href="#circle-o"><i class="fa fa-circle-o"></i> fa-circle-o</a></div>
							
											<div class="agileinfo-box1"><a href="#dot-circle-o"><i class="fa fa-dot-circle-o"></i> fa-dot-circle-o</a></div>
							
											<div class="agileinfo-box1"><a href="#minus-square"><i class="fa fa-minus-square"></i> fa-minus-square</a></div>
							
											<div class="agileinfo-box1"><a href="#minus-square-o"><i class="fa fa-minus-square-o"></i> fa-minus-square-o</a></div>
							
											<div class="agileinfo-box1"><a href="#plus-square"><i class="fa fa-plus-square"></i> fa-plus-square</a></div>
							
											<div class="agileinfo-box1"><a href="#plus-square-o"><i class="fa fa-plus-square-o"></i> fa-plus-square-o</a></div>
							
											<div class="agileinfo-box1"><a href="#square"><i class="fa fa-square"></i> fa-square</a></div>
							
											<div class="agileinfo-box1"><a href="#square-o"><i class="fa fa-square-o"></i> fa-square-o</a></div>
										</div>
									</div> 
									<div class="title  margin-top">
										<h3 class="w3ls-hdg">Currency Icons</h3>
									</div>
									<div class="box_content">
										<div class="fontawesome-icon-list">
											<div class="agileinfo-box1"><a href="#btc"><i class="fa fa-bitcoin"></i> fa-bitcoin <span class="text-muted">(alias)</span></a></div>
							
											<div class="agileinfo-box1"><a href="#btc"><i class="fa fa-btc"></i> fa-btc</a></div>
							
											<div class="agileinfo-box1"><a href="#jpy"><i class="fa fa-cny"></i> fa-cny <span class="text-muted">(alias)</span></a></div>
							
											<div class="agileinfo-box1"><a href="#usd"><i class="fa fa-dollar"></i> fa-dollar <span class="text-muted">(alias)</span></a></div>
							
											<div class="agileinfo-box1"><a href="#eur"><i class="fa fa-eur"></i> fa-eur</a></div>
							
											<div class="agileinfo-box1"><a href="#eur"><i class="fa fa-euro"></i> fa-euro <span class="text-muted">(alias)</span></a></div>
							
											<div class="agileinfo-box1"><a href="#gbp"><i class="fa fa-gbp"></i> fa-gbp</a></div>
							
											<div class="agileinfo-box1"><a href="#inr"><i class="fa fa-inr"></i> fa-inr</a></div>
							
											<div class="agileinfo-box1"><a href="#jpy"><i class="fa fa-jpy"></i> fa-jpy</a></div>
							
											<div class="agileinfo-box1"><a href="#krw"><i class="fa fa-krw"></i> fa-krw</a></div>
							
											<div class="agileinfo-box1"><a href="#money"><i class="fa fa-money"></i> fa-money</a></div>
							
											<div class="agileinfo-box1"><a href="#jpy"><i class="fa fa-rmb"></i> fa-rmb <span class="text-muted">(alias)</span></a></div>
							
											<div class="agileinfo-box1"><a href="#rub"><i class="fa fa-rouble"></i> fa-rouble <span class="text-muted">(alias)</span></a></div>
							
											<div class="agileinfo-box1"><a href="#rub"><i class="fa fa-rub"></i> fa-rub</a></div>
							
											<div class="agileinfo-box1"><a href="#rub"><i class="fa fa-ruble"></i> fa-ruble <span class="text-muted">(alias)</span></a></div>
							
											<div class="agileinfo-box1"><a href="#inr"><i class="fa fa-rupee"></i> fa-rupee <span class="text-muted">(alias)</span></a></div>
							
											<div class="agileinfo-box1"><a href="#try"><i class="fa fa-try"></i> fa-try</a></div>
							
											<div class="agileinfo-box1"><a href="#try"><i class="fa fa-turkish-lira"></i> fa-turkish-lira <span class="text-muted">(alias)</span></a></div>
							
											<div class="agileinfo-box1"><a href="#usd"><i class="fa fa-usd"></i> fa-usd</a></div>
							
											<div class="agileinfo-box1"><a href="#krw"><i class="fa fa-won"></i> fa-won <span class="text-muted">(alias)</span></a></div>
							
											<div class="agileinfo-box1"><a href="#jpy"><i class="fa fa-yen"></i> fa-yen <span class="text-muted">(alias)</span></a></div>

										</div>
									</div> 
									<div class="title margin-top">
										 <h3 class="w3ls-hdg">Text Editor Icons</h3>
									</div>
									<div class="box_content">
										<div class="fontawesome-icon-list">
											<div class="agileinfo-box1"><a href="#align-center"><i class="fa fa-align-center"></i> fa-align-center</a></div>
							
											<div class="agileinfo-box1"><a href="#align-justify"><i class="fa fa-align-justify"></i> fa-align-justify</a></div>
							
											<div class="agileinfo-box1"><a href="#align-left"><i class="fa fa-align-left"></i> fa-align-left</a></div>
							
											<div class="agileinfo-box1"><a href="#align-right"><i class="fa fa-align-right"></i> fa-align-right</a></div>
							
											<div class="agileinfo-box1"><a href="#bold"><i class="fa fa-bold"></i> fa-bold</a></div>
							
											<div class="agileinfo-box1"><a href="#link"><i class="fa fa-chain"></i> fa-chain <span class="text-muted">(alias)</span></a></div>
							
											<div class="agileinfo-box1"><a href="#chain-broken"><i class="fa fa-chain-broken"></i> fa-chain-broken</a></div>
							
											<div class="agileinfo-box1"><a href="#clipboard"><i class="fa fa-clipboard"></i> fa-clipboard</a></div>
							
											<div class="agileinfo-box1"><a href="#columns"><i class="fa fa-columns"></i> fa-columns</a></div>
							
											<div class="agileinfo-box1"><a href="#files-o"><i class="fa fa-copy"></i> fa-copy <span class="text-muted">(alias)</span></a></div>
							
											<div class="agileinfo-box1"><a href="#scissors"><i class="fa fa-cut"></i> fa-cut <span class="text-muted">(alias)</span></a></div>
							
											<div class="agileinfo-box1"><a href="#outdent"><i class="fa fa-dedent"></i> fa-dedent <span class="text-muted">(alias)</span></a></div>
							
											<div class="agileinfo-box1"><a href="#eraser"><i class="fa fa-eraser"></i> fa-eraser</a></div>
							
											<div class="agileinfo-box1"><a href="#file"><i class="fa fa-file"></i> fa-file</a></div>
							
											<div class="agileinfo-box1"><a href="#file-o"><i class="fa fa-file-o"></i> fa-file-o</a></div>
							
											<div class="agileinfo-box1"><a href="#file-text"><i class="fa fa-file-text"></i> fa-file-text</a></div>
							
											<div class="agileinfo-box1"><a href="#file-text-o"><i class="fa fa-file-text-o"></i> fa-file-text-o</a></div>
							
											<div class="agileinfo-box1"><a href="#files-o"><i class="fa fa-files-o"></i> fa-files-o</a></div>
							
											<div class="agileinfo-box1"><a href="#floppy-o"><i class="fa fa-floppy-o"></i> fa-floppy-o</a></div>
							
											<div class="agileinfo-box1"><a href="#font"><i class="fa fa-font"></i> fa-font</a></div>
							
											<div class="agileinfo-box1"><a href="#indent"><i class="fa fa-indent"></i> fa-indent</a></div>
							
											<div class="agileinfo-box1"><a href="#italic"><i class="fa fa-italic"></i> fa-italic</a></div>
							
											<div class="agileinfo-box1"><a href="#link"><i class="fa fa-link"></i> fa-link</a></div>
							
											<div class="agileinfo-box1"><a href="#list"><i class="fa fa-list"></i> fa-list</a></div>
							
											<div class="agileinfo-box1"><a href="#list-alt"><i class="fa fa-list-alt"></i> fa-list-alt</a></div>
							
											<div class="agileinfo-box1"><a href="#list-ol"><i class="fa fa-list-ol"></i> fa-list-ol</a></div>
							
											<div class="agileinfo-box1"><a href="#list-ul"><i class="fa fa-list-ul"></i> fa-list-ul</a></div>
							
											<div class="agileinfo-box1"><a href="#outdent"><i class="fa fa-outdent"></i> fa-outdent</a></div>
							
											<div class="agileinfo-box1"><a href="#paperclip"><i class="fa fa-paperclip"></i> fa-paperclip</a></div>
							
											<div class="agileinfo-box1"><a href="#clipboard"><i class="fa fa-paste"></i> fa-paste <span class="text-muted">(alias)</span></a></div>
							
											<div class="agileinfo-box1"><a href="#repeat"><i class="fa fa-repeat"></i> fa-repeat</a></div>
							
											<div class="agileinfo-box1"><a href="#undo"><i class="fa fa-rotate-left"></i> fa-rotate-left <span class="text-muted">(alias)</span></a></div>
							
											<div class="agileinfo-box1"><a href="#repeat"><i class="fa fa-rotate-right"></i> fa-rotate-right <span class="text-muted">(alias)</span></a></div>
							
											<div class="agileinfo-box1"><a href="#floppy-o"><i class="fa fa-save"></i> fa-save <span class="text-muted">(alias)</span></a></div>
							
											<div class="agileinfo-box1"><a href="#scissors"><i class="fa fa-scissors"></i> fa-scissors</a></div>
							
											<div class="agileinfo-box1"><a href="#strikethrough"><i class="fa fa-strikethrough"></i> fa-strikethrough</a></div>
							
											<div class="agileinfo-box1"><a href="#table"><i class="fa fa-table"></i> fa-table</a></div>
							
											<div class="agileinfo-box1"><a href="#text-height"><i class="fa fa-text-height"></i> fa-text-height</a></div>
							
											<div class="agileinfo-box1"><a href="#text-width"><i class="fa fa-text-width"></i> fa-text-width</a></div>
							
											<div class="agileinfo-box1"><a href="#th"><i class="fa fa-th"></i> fa-th</a></div>
							
											<div class="agileinfo-box1"><a href="#th-large"><i class="fa fa-th-large"></i> fa-th-large</a></div>
							
											<div class="agileinfo-box1"><a href="#th-list"><i class="fa fa-th-list"></i> fa-th-list</a></div>
							
											<div class="agileinfo-box1"><a href="#underline"><i class="fa fa-underline"></i> fa-underline</a></div>
							
											<div class="agileinfo-box1"><a href="#undo"><i class="fa fa-undo"></i> fa-undo</a></div>
							
											<div class="agileinfo-box1"><a href="#chain-broken"><i class="fa fa-unlink"></i> fa-unlink <span class="text-muted">(alias)</span></a></div>
							
										</div>
									</div> 
									<div class="title margin-top">
										<h3 class="w3ls-hdg">Directional Icons</h3>
									</div>
									<div class="box_content">
										<div class="fontawesome-icon-list">
											<div class="agileinfo-box1"><a href="#angle-double-down"><i class="fa fa-angle-double-down"></i> fa-angle-double-down</a></div>
							
											<div class="agileinfo-box1"><a href="#angle-double-left"><i class="fa fa-angle-double-left"></i> fa-angle-double-left</a></div>
							
											<div class="agileinfo-box1"><a href="#angle-double-right"><i class="fa fa-angle-double-right"></i> fa-angle-double-right</a></div>
							
											<div class="agileinfo-box1"><a href="#angle-double-up"><i class="fa fa-angle-double-up"></i> fa-angle-double-up</a></div>
							
											<div class="agileinfo-box1"><a href="#angle-down"><i class="fa fa-angle-down"></i> fa-angle-down</a></div>
							
											<div class="agileinfo-box1"><a href="#angle-left"><i class="fa fa-angle-left"></i> fa-angle-left</a></div>
							
											<div class="agileinfo-box1"><a href="#angle-right"><i class="fa fa-angle-right"></i> fa-angle-right</a></div>
							
											<div class="agileinfo-box1"><a href="#angle-up"><i class="fa fa-angle-up"></i> fa-angle-up</a></div>
							
											<div class="agileinfo-box1"><a href="#arrow-circle-down"><i class="fa fa-arrow-circle-down"></i> fa-arrow-circle-down</a></div>
							
											<div class="agileinfo-box1"><a href="#arrow-circle-left"><i class="fa fa-arrow-circle-left"></i> fa-arrow-circle-left</a></div>
							
											<div class="agileinfo-box1"><a href="#arrow-circle-o-down"><i class="fa fa-arrow-circle-o-down"></i> fa-arrow-circle-o-down</a></div>
							
											<div class="agileinfo-box1"><a href="#arrow-circle-o-left"><i class="fa fa-arrow-circle-o-left"></i> fa-arrow-circle-o-left</a></div>
							
											<div class="agileinfo-box1"><a href="#arrow-circle-o-right"><i class="fa fa-arrow-circle-o-right"></i> fa-arrow-circle-o-right</a></div>
							
											<div class="agileinfo-box1"><a href="#arrow-circle-o-up"><i class="fa fa-arrow-circle-o-up"></i> fa-arrow-circle-o-up</a></div>
							
											<div class="agileinfo-box1"><a href="#arrow-circle-right"><i class="fa fa-arrow-circle-right"></i> fa-arrow-circle-right</a></div>
							
											<div class="agileinfo-box1"><a href="#arrow-circle-up"><i class="fa fa-arrow-circle-up"></i> fa-arrow-circle-up</a></div>
							
											<div class="agileinfo-box1"><a href="#arrow-down"><i class="fa fa-arrow-down"></i> fa-arrow-down</a></div>
							
											<div class="agileinfo-box1"><a href="#arrow-left"><i class="fa fa-arrow-left"></i> fa-arrow-left</a></div>
							
											<div class="agileinfo-box1"><a href="#arrow-right"><i class="fa fa-arrow-right"></i> fa-arrow-right</a></div>
							
											<div class="agileinfo-box1"><a href="#arrow-up"><i class="fa fa-arrow-up"></i> fa-arrow-up</a></div>
							
											<div class="agileinfo-box1"><a href="#arrows"><i class="fa fa-arrows"></i> fa-arrows</a></div>
							
											<div class="agileinfo-box1"><a href="#arrows-alt"><i class="fa fa-arrows-alt"></i> fa-arrows-alt</a></div>
							
											<div class="agileinfo-box1"><a href="#arrows-h"><i class="fa fa-arrows-h"></i> fa-arrows-h</a></div>
							
											<div class="agileinfo-box1"><a href="#arrows-v"><i class="fa fa-arrows-v"></i> fa-arrows-v</a></div>
							
											<div class="agileinfo-box1"><a href="#caret-down"><i class="fa fa-caret-down"></i> fa-caret-down</a></div>
							
											<div class="agileinfo-box1"><a href="#caret-left"><i class="fa fa-caret-left"></i> fa-caret-left</a></div>
							
											<div class="agileinfo-box1"><a href="#caret-right"><i class="fa fa-caret-right"></i> fa-caret-right</a></div>
							
											<div class="agileinfo-box1"><a href="#caret-square-o-down"><i class="fa fa-caret-square-o-down"></i> fa-caret-square-o-down</a></div>
							
											<div class="agileinfo-box1"><a href="#caret-square-o-left"><i class="fa fa-caret-square-o-left"></i> fa-caret-square-o-left</a></div>
							
											<div class="agileinfo-box1"><a href="#caret-square-o-right"><i class="fa fa-caret-square-o-right"></i> fa-caret-square-o-right</a></div>
							
											<div class="agileinfo-box1"><a href="#caret-square-o-up"><i class="fa fa-caret-square-o-up"></i> fa-caret-square-o-up</a></div>
							
											<div class="agileinfo-box1"><a href="#caret-up"><i class="fa fa-caret-up"></i> fa-caret-up</a></div>
							
											<div class="agileinfo-box1"><a href="#chevron-circle-down"><i class="fa fa-chevron-circle-down"></i> fa-chevron-circle-down</a></div>
							
											<div class="agileinfo-box1"><a href="#chevron-circle-left"><i class="fa fa-chevron-circle-left"></i> fa-chevron-circle-left</a></div>
							
											<div class="agileinfo-box1"><a href="#chevron-circle-right"><i class="fa fa-chevron-circle-right"></i> fa-chevron-circle-right</a></div>
							
											<div class="agileinfo-box1"><a href="#chevron-circle-up"><i class="fa fa-chevron-circle-up"></i> fa-chevron-circle-up</a></div>
							
											<div class="agileinfo-box1"><a href="#chevron-down"><i class="fa fa-chevron-down"></i> fa-chevron-down</a></div>
							
											<div class="agileinfo-box1"><a href="#chevron-left"><i class="fa fa-chevron-left"></i> fa-chevron-left</a></div>
							
											<div class="agileinfo-box1"><a href="#chevron-right"><i class="fa fa-chevron-right"></i> fa-chevron-right</a></div>
							
											<div class="agileinfo-box1"><a href="#chevron-up"><i class="fa fa-chevron-up"></i> fa-chevron-up</a></div>
							
											<div class="agileinfo-box1"><a href="#hand-o-down"><i class="fa fa-hand-o-down"></i> fa-hand-o-down</a></div>
							
											<div class="agileinfo-box1"><a href="#hand-o-left"><i class="fa fa-hand-o-left"></i> fa-hand-o-left</a></div>
							
											<div class="agileinfo-box1"><a href="#hand-o-right"><i class="fa fa-hand-o-right"></i> fa-hand-o-right</a></div>
							
											<div class="agileinfo-box1"><a href="#hand-o-up"><i class="fa fa-hand-o-up"></i> fa-hand-o-up</a></div>
							
											<div class="agileinfo-box1"><a href="#long-arrow-down"><i class="fa fa-long-arrow-down"></i> fa-long-arrow-down</a></div>
							
											<div class="agileinfo-box1"><a href="#long-arrow-left"><i class="fa fa-long-arrow-left"></i> fa-long-arrow-left</a></div>
							
											<div class="agileinfo-box1"><a href="#long-arrow-right"><i class="fa fa-long-arrow-right"></i> fa-long-arrow-right</a></div>
							
											<div class="agileinfo-box1"><a href="#long-arrow-up"><i class="fa fa-long-arrow-up"></i> fa-long-arrow-up</a></div>
							
											<div class="agileinfo-box1"><a href="#caret-square-o-down"><i class="fa fa-toggle-down"></i> fa-toggle-down <span class="text-muted">(alias)</span></a></div>
							
											<div class="agileinfo-box1"><a href="#caret-square-o-left"><i class="fa fa-toggle-left"></i> fa-toggle-left <span class="text-muted">(alias)</span></a></div>
							
											<div class="agileinfo-box1"><a href="#caret-square-o-right"><i class="fa fa-toggle-right"></i> fa-toggle-right <span class="text-muted">(alias)</span></a></div>
							
											<div class="agileinfo-box1"><a href="#caret-square-o-up"><i class="fa fa-toggle-up"></i> fa-toggle-up <span class="text-muted">(alias)</span></a></div>
										</div>
									</div>	
								   
									<div class="title margin-top">
										 <h3 class="w3ls-hdg">Video Player Icons</h3>
									</div>
								   <div class="box_content">
									<div class="fontawesome-icon-list">
											<div class="agileinfo-box1"><a href="#arrows-alt"><i class="fa fa-arrows-alt"></i> fa-arrows-alt</a></div>
							
											<div class="agileinfo-box1"><a href="#backward"><i class="fa fa-backward"></i> fa-backward</a></div>
							
											<div class="agileinfo-box1"><a href="#compress"><i class="fa fa-compress"></i> fa-compress</a></div>
							
											<div class="agileinfo-box1"><a href="#eject"><i class="fa fa-eject"></i> fa-eject</a></div>
							
											<div class="agileinfo-box1"><a href="#expand"><i class="fa fa-expand"></i> fa-expand</a></div>
							
											<div class="agileinfo-box1"><a href="#fast-backward"><i class="fa fa-fast-backward"></i> fa-fast-backward</a></div>
							
											<div class="agileinfo-box1"><a href="#fast-forward"><i class="fa fa-fast-forward"></i> fa-fast-forward</a></div>
							
											<div class="agileinfo-box1"><a href="#forward"><i class="fa fa-forward"></i> fa-forward</a></div>
							
											<div class="agileinfo-box1"><a href="#pause"><i class="fa fa-pause"></i> fa-pause</a></div>
							
											<div class="agileinfo-box1"><a href="#play"><i class="fa fa-play"></i> fa-play</a></div>
							
											<div class="agileinfo-box1"><a href="#play-circle"><i class="fa fa-play-circle"></i> fa-play-circle</a></div>
							
											<div class="agileinfo-box1"><a href="#play-circle-o"><i class="fa fa-play-circle-o"></i> fa-play-circle-o</a></div>
							
											<div class="agileinfo-box1"><a href="#step-backward"><i class="fa fa-step-backward"></i> fa-step-backward</a></div>
							
											<div class="agileinfo-box1"><a href="#step-forward"><i class="fa fa-step-forward"></i> fa-step-forward</a></div>
							
											<div class="agileinfo-box1"><a href="#stop"><i class="fa fa-stop"></i> fa-stop</a></div>
							
											<div class="agileinfo-box1"><a href="#youtube-play"><i class="fa fa-youtube-play"></i> fa-youtube-play</a></div>
							
										</div>
									</div> 
									<div class="title margin-top">
										<h3 class="w3ls-hdg">Brand Icons</h3>
									</div>
									<div class="box_content">
										<div class="fontawesome-icon-list">
											<div class="agileinfo-box1"><a href="#adn"><i class="fa fa-adn"></i> fa-adn</a></div>
							
											<div class="agileinfo-box1"><a href="#android"><i class="fa fa-android"></i> fa-android</a></div>
							
											<div class="agileinfo-box1"><a href="#apple"><i class="fa fa-apple"></i> fa-apple</a></div>
							
											<div class="agileinfo-box1"><a href="#bitbucket"><i class="fa fa-bitbucket"></i> fa-bitbucket</a></div>
							
											<div class="agileinfo-box1"><a href="#bitbucket-square"><i class="fa fa-bitbucket-square"></i> fa-bitbucket-square</a></div>
							
											<div class="agileinfo-box1"><a href="#btc"><i class="fa fa-bitcoin"></i> fa-bitcoin <span class="text-muted">(alias)</span></a></div>
							
											<div class="agileinfo-box1"><a href="#btc"><i class="fa fa-btc"></i> fa-btc</a></div>
							
											<div class="agileinfo-box1"><a href="#css3"><i class="fa fa-css3"></i> fa-css3</a></div>
							
											<div class="agileinfo-box1"><a href="#dribbble"><i class="fa fa-dribbble"></i> fa-dribbble</a></div>
							
											<div class="agileinfo-box1"><a href="#dropbox"><i class="fa fa-dropbox"></i> fa-dropbox</a></div>
							
											<div class="agileinfo-box1"><a href="#facebook"><i class="fa fa-facebook"></i> fa-facebook</a></div>
							
											<div class="agileinfo-box1"><a href="#facebook-square"><i class="fa fa-facebook-square"></i> fa-facebook-square</a></div>
							
											<div class="agileinfo-box1"><a href="#flickr"><i class="fa fa-flickr"></i> fa-flickr</a></div>
							
											<div class="agileinfo-box1"><a href="#foursquare"><i class="fa fa-foursquare"></i> fa-foursquare</a></div>
							
											<div class="agileinfo-box1"><a href="#github"><i class="fa fa-github"></i> fa-github</a></div>
							
											<div class="agileinfo-box1"><a href="#github-alt"><i class="fa fa-github-alt"></i> fa-github-alt</a></div>
							
											<div class="agileinfo-box1"><a href="#github-square"><i class="fa fa-github-square"></i> fa-github-square</a></div>
							
											<div class="agileinfo-box1"><a href="#gittip"><i class="fa fa-gittip"></i> fa-gittip</a></div>
							
											<div class="agileinfo-box1"><a href="#google-plus"><i class="fa fa-google-plus"></i> fa-google-plus</a></div>
							
											<div class="agileinfo-box1"><a href="#google-plus-square"><i class="fa fa-google-plus-square"></i> fa-google-plus-square</a></div>
							
											<div class="agileinfo-box1"><a href="#html5"><i class="fa fa-html5"></i> fa-html5</a></div>
							
											<div class="agileinfo-box1"><a href="#instagram"><i class="fa fa-instagram"></i> fa-instagram</a></div>
							
											<div class="agileinfo-box1"><a href="#linkedin"><i class="fa fa-linkedin"></i> fa-linkedin</a></div>
							
											<div class="agileinfo-box1"><a href="#linkedin-square"><i class="fa fa-linkedin-square"></i> fa-linkedin-square</a></div>
							
											<div class="agileinfo-box1"><a href="#linux"><i class="fa fa-linux"></i> fa-linux</a></div>
							
											<div class="agileinfo-box1"><a href="#maxcdn"><i class="fa fa-maxcdn"></i> fa-maxcdn</a></div>
							
											<div class="agileinfo-box1"><a href="#pagelines"><i class="fa fa-pagelines"></i> fa-pagelines</a></div>
							
											<div class="agileinfo-box1"><a href="#pinterest"><i class="fa fa-pinterest"></i> fa-pinterest</a></div>
							
											<div class="agileinfo-box1"><a href="#pinterest-square"><i class="fa fa-pinterest-square"></i> fa-pinterest-square</a></div>
							
											<div class="agileinfo-box1"><a href="#renren"><i class="fa fa-renren"></i> fa-renren</a></div>
							
											<div class="agileinfo-box1"><a href="#skype"><i class="fa fa-skype"></i> fa-skype</a></div>
							
											<div class="agileinfo-box1"><a href="#stack-exchange"><i class="fa fa-stack-exchange"></i> fa-stack-exchange</a></div>
							
											<div class="agileinfo-box1"><a href="#stack-overflow"><i class="fa fa-stack-overflow"></i> fa-stack-overflow</a></div>
							
											<div class="agileinfo-box1"><a href="#trello"><i class="fa fa-trello"></i> fa-trello</a></div>
							
											<div class="agileinfo-box1"><a href="#tumblr"><i class="fa fa-tumblr"></i> fa-tumblr</a></div>
							
											<div class="agileinfo-box1"><a href="#tumblr-square"><i class="fa fa-tumblr-square"></i> fa-tumblr-square</a></div>
							
											<div class="agileinfo-box1"><a href="#twitter"><i class="fa fa-twitter"></i> fa-twitter</a></div>
							
											<div class="agileinfo-box1"><a href="#twitter-square"><i class="fa fa-twitter-square"></i> fa-twitter-square</a></div>
							
											<div class="agileinfo-box1"><a href="#vimeo-square"><i class="fa fa-vimeo-square"></i> fa-vimeo-square</a></div>
							
											<div class="agileinfo-box1"><a href="#vk"><i class="fa fa-vk"></i> fa-vk</a></div>
							
											<div class="agileinfo-box1"><a href="#weibo"><i class="fa fa-weibo"></i> fa-weibo</a></div>
							
											<div class="agileinfo-box1"><a href="#windows"><i class="fa fa-windows"></i> fa-windows</a></div>
							
											<div class="agileinfo-box1"><a href="#xing"><i class="fa fa-xing"></i> fa-xing</a></div>
							
											<div class="agileinfo-box1"><a href="#xing-square"><i class="fa fa-xing-square"></i> fa-xing-square</a></div>
							
											<div class="agileinfo-box1"><a href="#youtube"><i class="fa fa-youtube"></i> fa-youtube</a></div>
							
											<div class="agileinfo-box1"><a href="#youtube-play"><i class="fa fa-youtube-play"></i> fa-youtube-play</a></div>
							
											<div class="agileinfo-box1"><a href="#youtube-square"><i class="fa fa-youtube-square"></i> fa-youtube-square</a></div>
										</div>
									</div> 
									<div class="title margin-top">
										<h3 class="w3ls-hdg">Medical Icons</h3>
									</div>
									<div class="box_content">
										<div class="fontawesome-icon-list">
											<div class="agileinfo-box1"><a href="#ambulance"><i class="fa fa-ambulance"></i> fa-ambulance</a></div>
							
											<div class="agileinfo-box1"><a href="#h-square"><i class="fa fa-h-square"></i> fa-h-square</a></div>
							
											<div class="agileinfo-box1"><a href="#hospital-o"><i class="fa fa-hospital-o"></i> fa-hospital-o</a></div>
							
											<div class="agileinfo-box1"><a href="#medkit"><i class="fa fa-medkit"></i> fa-medkit</a></div>
							
											<div class="agileinfo-box1"><a href="#plus-square"><i class="fa fa-plus-square"></i> fa-plus-square</a></div>
							
											<div class="agileinfo-box1"><a href="#stethoscope"><i class="fa fa-stethoscope"></i> fa-stethoscope</a></div>
							
											<div class="agileinfo-box1"><a href="#user-md"><i class="fa fa-user-md"></i> fa-user-md</a></div>
							
											<div class="agileinfo-box1"><a href="#wheelchair"><i class="fa fa-wheelchair"></i> fa-wheelchair</a></div>
										</div>
									</div>   
								</div>
							</div>
						</div>
					</div> 
				</div>
			</div>
			<div class="grid_3 grid_4">
				<h3 class="w3ls-hdg">Glyphicons Icons</h5>
				<div class="bs-glyphicons"> <ul class="bs-glyphicons-list"> <li> <span class="glyphicon glyphicon-asterisk" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-asterisk</span> </li> <li> <span class="glyphicon glyphicon-plus" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-plus</span> </li> <li> <span class="glyphicon glyphicon-euro" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-euro</span> </li> <li> <span class="glyphicon glyphicon-eur" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-eur</span> </li> <li> <span class="glyphicon glyphicon-minus" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-minus</span> </li> <li> <span class="glyphicon glyphicon-cloud" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-cloud</span> </li> <li> <span class="glyphicon glyphicon-envelope" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-envelope</span> </li> <li> <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-pencil</span> </li> <li> <span class="glyphicon glyphicon-glass" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-glass</span> </li> <li> <span class="glyphicon glyphicon-music" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-music</span> </li> <li> <span class="glyphicon glyphicon-search" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-search</span> </li> <li> <span class="glyphicon glyphicon-heart" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-heart</span> </li> <li> <span class="glyphicon glyphicon-star" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-star</span> </li> <li> <span class="glyphicon glyphicon-star-empty" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-star-empty</span> </li> <li> <span class="glyphicon glyphicon-user" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-user</span> </li> <li> <span class="glyphicon glyphicon-film" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-film</span> </li> <li> <span class="glyphicon glyphicon-th-large" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-th-large</span> </li> <li> <span class="glyphicon glyphicon-th" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-th</span> </li> <li> <span class="glyphicon glyphicon-th-list" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-th-list</span> </li> <li> <span class="glyphicon glyphicon-ok" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-ok</span> </li> <li> <span class="glyphicon glyphicon-remove" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-remove</span> </li> <li> <span class="glyphicon glyphicon-zoom-in" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-zoom-in</span> </li> <li> <span class="glyphicon glyphicon-zoom-out" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-zoom-out</span> </li> <li> <span class="glyphicon glyphicon-off" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-off</span> </li> <li> <span class="glyphicon glyphicon-signal" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-signal</span> </li> <li> <span class="glyphicon glyphicon-cog" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-cog</span> </li> <li> <span class="glyphicon glyphicon-trash" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-trash</span> </li> <li> <span class="glyphicon glyphicon-home" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-home</span> </li> <li> <span class="glyphicon glyphicon-file" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-file</span> </li> <li> <span class="glyphicon glyphicon-time" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-time</span> </li> <li> <span class="glyphicon glyphicon-road" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-road</span> </li> <li> <span class="glyphicon glyphicon-download-alt" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-download-alt</span> </li> <li> <span class="glyphicon glyphicon-download" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-download</span> </li> <li> <span class="glyphicon glyphicon-upload" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-upload</span> </li> <li> <span class="glyphicon glyphicon-inbox" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-inbox</span> </li> <li> <span class="glyphicon glyphicon-play-circle" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-play-circle</span> </li> <li> <span class="glyphicon glyphicon-repeat" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-repeat</span> </li> <li> <span class="glyphicon glyphicon-refresh" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-refresh</span> </li> <li> <span class="glyphicon glyphicon-list-alt" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-list-alt</span> </li> <li> <span class="glyphicon glyphicon-lock" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-lock</span> </li> <li> <span class="glyphicon glyphicon-flag" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-flag</span> </li> <li> <span class="glyphicon glyphicon-headphones" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-headphones</span> </li> <li> <span class="glyphicon glyphicon-volume-off" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-volume-off</span> </li> <li> <span class="glyphicon glyphicon-volume-down" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-volume-down</span> </li> <li> <span class="glyphicon glyphicon-volume-up" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-volume-up</span> </li> <li> <span class="glyphicon glyphicon-qrcode" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-qrcode</span> </li> <li> <span class="glyphicon glyphicon-barcode" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-barcode</span> </li> <li> <span class="glyphicon glyphicon-tag" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-tag</span> </li> <li> <span class="glyphicon glyphicon-tags" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-tags</span> </li> <li> <span class="glyphicon glyphicon-book" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-book</span> </li> <li> <span class="glyphicon glyphicon-bookmark" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-bookmark</span> </li> <li> <span class="glyphicon glyphicon-print" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-print</span> </li> <li> <span class="glyphicon glyphicon-camera" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-camera</span> </li> <li> <span class="glyphicon glyphicon-font" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-font</span> </li> <li> <span class="glyphicon glyphicon-bold" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-bold</span> </li> <li> <span class="glyphicon glyphicon-italic" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-italic</span> </li> <li> <span class="glyphicon glyphicon-text-height" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-text-height</span> </li> <li> <span class="glyphicon glyphicon-text-width" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-text-width</span> </li> <li> <span class="glyphicon glyphicon-align-left" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-align-left</span> </li> <li> <span class="glyphicon glyphicon-align-center" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-align-center</span> </li> <li> <span class="glyphicon glyphicon-align-right" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-align-right</span> </li> <li> <span class="glyphicon glyphicon-align-justify" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-align-justify</span> </li> <li> <span class="glyphicon glyphicon-list" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-list</span> </li> <li> <span class="glyphicon glyphicon-indent-left" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-indent-left</span> </li> <li> <span class="glyphicon glyphicon-indent-right" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-indent-right</span> </li> <li> <span class="glyphicon glyphicon-facetime-video" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-facetime-video</span> </li> <li> <span class="glyphicon glyphicon-picture" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-picture</span> </li> <li> <span class="glyphicon glyphicon-map-marker" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-map-marker</span> </li> <li> <span class="glyphicon glyphicon-adjust" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-adjust</span> </li> <li> <span class="glyphicon glyphicon-tint" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-tint</span> </li> <li> <span class="glyphicon glyphicon-edit" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-edit</span> </li> <li> <span class="glyphicon glyphicon-share" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-share</span> </li> <li> <span class="glyphicon glyphicon-check" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-check</span> </li> <li> <span class="glyphicon glyphicon-move" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-move</span> </li> <li> <span class="glyphicon glyphicon-step-backward" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-step-backward</span> </li> <li> <span class="glyphicon glyphicon-fast-backward" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-fast-backward</span> </li> <li> <span class="glyphicon glyphicon-backward" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-backward</span> </li> <li> <span class="glyphicon glyphicon-play" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-play</span> </li> <li> <span class="glyphicon glyphicon-pause" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-pause</span> </li> <li> <span class="glyphicon glyphicon-stop" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-stop</span> </li> <li> <span class="glyphicon glyphicon-forward" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-forward</span> </li> <li> <span class="glyphicon glyphicon-fast-forward" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-fast-forward</span> </li> <li> <span class="glyphicon glyphicon-step-forward" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-step-forward</span> </li> <li> <span class="glyphicon glyphicon-eject" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-eject</span> </li> <li> <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-chevron-left</span> </li> <li> <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-chevron-right</span> </li> <li> <span class="glyphicon glyphicon-plus-sign" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-plus-sign</span> </li> <li> <span class="glyphicon glyphicon-minus-sign" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-minus-sign</span> </li> <li> <span class="glyphicon glyphicon-remove-sign" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-remove-sign</span> </li> <li> <span class="glyphicon glyphicon-ok-sign" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-ok-sign</span> </li> <li> <span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-question-sign</span> </li> <li> <span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-info-sign</span> </li> <li> <span class="glyphicon glyphicon-screenshot" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-screenshot</span> </li> <li> <span class="glyphicon glyphicon-remove-circle" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-remove-circle</span> </li> <li> <span class="glyphicon glyphicon-ok-circle" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-ok-circle</span> </li> <li> <span class="glyphicon glyphicon-ban-circle" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-ban-circle</span> </li> <li> <span class="glyphicon glyphicon-arrow-left" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-arrow-left</span> </li> <li> <span class="glyphicon glyphicon-arrow-right" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-arrow-right</span> </li> <li> <span class="glyphicon glyphicon-arrow-up" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-arrow-up</span> </li> <li> <span class="glyphicon glyphicon-arrow-down" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-arrow-down</span> </li> <li> <span class="glyphicon glyphicon-share-alt" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-share-alt</span> </li> <li> <span class="glyphicon glyphicon-resize-full" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-resize-full</span> </li> <li> <span class="glyphicon glyphicon-resize-small" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-resize-small</span> </li> <li> <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-exclamation-sign</span> </li> <li> <span class="glyphicon glyphicon-gift" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-gift</span> </li> <li> <span class="glyphicon glyphicon-leaf" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-leaf</span> </li> <li> <span class="glyphicon glyphicon-fire" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-fire</span> </li> <li> <span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-eye-open</span> </li> <li> <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-eye-close</span> </li> <li> <span class="glyphicon glyphicon-warning-sign" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-warning-sign</span> </li> <li> <span class="glyphicon glyphicon-plane" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-plane</span> </li> <li> <span class="glyphicon glyphicon-calendar" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-calendar</span> </li> <li> <span class="glyphicon glyphicon-random" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-random</span> </li> <li> <span class="glyphicon glyphicon-comment" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-comment</span> </li> <li> <span class="glyphicon glyphicon-magnet" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-magnet</span> </li> <li> <span class="glyphicon glyphicon-chevron-up" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-chevron-up</span> </li> <li> <span class="glyphicon glyphicon-chevron-down" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-chevron-down</span> </li> <li> <span class="glyphicon glyphicon-retweet" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-retweet</span> </li> <li> <span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-shopping-cart</span> </li> <li> <span class="glyphicon glyphicon-folder-close" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-folder-close</span> </li> <li> <span class="glyphicon glyphicon-folder-open" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-folder-open</span> </li> <li> <span class="glyphicon glyphicon-resize-vertical" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-resize-vertical</span> </li> <li> <span class="glyphicon glyphicon-resize-horizontal" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-resize-horizontal</span> </li> <li> <span class="glyphicon glyphicon-hdd" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-hdd</span> </li> <li> <span class="glyphicon glyphicon-bullhorn" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-bullhorn</span> </li> <li> <span class="glyphicon glyphicon-bell" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-bell</span> </li> <li> <span class="glyphicon glyphicon-certificate" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-certificate</span> </li> <li> <span class="glyphicon glyphicon-thumbs-up" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-thumbs-up</span> </li> <li> <span class="glyphicon glyphicon-thumbs-down" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-thumbs-down</span> </li> <li> <span class="glyphicon glyphicon-hand-right" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-hand-right</span> </li> <li> <span class="glyphicon glyphicon-hand-left" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-hand-left</span> </li> <li> <span class="glyphicon glyphicon-hand-up" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-hand-up</span> </li> <li> <span class="glyphicon glyphicon-hand-down" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-hand-down</span> </li> <li> <span class="glyphicon glyphicon-circle-arrow-right" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-circle-arrow-right</span> </li> <li> <span class="glyphicon glyphicon-circle-arrow-left" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-circle-arrow-left</span> </li> <li> <span class="glyphicon glyphicon-circle-arrow-up" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-circle-arrow-up</span> </li> <li> <span class="glyphicon glyphicon-circle-arrow-down" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-circle-arrow-down</span> </li> <li> <span class="glyphicon glyphicon-globe" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-globe</span> </li> <li> <span class="glyphicon glyphicon-wrench" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-wrench</span> </li> <li> <span class="glyphicon glyphicon-tasks" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-tasks</span> </li> <li> <span class="glyphicon glyphicon-filter" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-filter</span> </li> <li> <span class="glyphicon glyphicon-briefcase" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-briefcase</span> </li> <li> <span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-fullscreen</span> </li> <li> <span class="glyphicon glyphicon-dashboard" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-dashboard</span> </li> <li> <span class="glyphicon glyphicon-paperclip" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-paperclip</span> </li> <li> <span class="glyphicon glyphicon-heart-empty" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-heart-empty</span> </li> <li> <span class="glyphicon glyphicon-link" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-link</span> </li> <li> <span class="glyphicon glyphicon-phone" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-phone</span> </li> <li> <span class="glyphicon glyphicon-pushpin" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-pushpin</span> </li> <li> <span class="glyphicon glyphicon-usd" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-usd</span> </li> <li> <span class="glyphicon glyphicon-gbp" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-gbp</span> </li> <li> <span class="glyphicon glyphicon-sort" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-sort</span> </li> <li> <span class="glyphicon glyphicon-sort-by-alphabet" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-sort-by-alphabet</span> </li> <li> <span class="glyphicon glyphicon-sort-by-alphabet-alt" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-sort-by-alphabet-alt</span> </li> <li> <span class="glyphicon glyphicon-sort-by-order" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-sort-by-order</span> </li> <li> <span class="glyphicon glyphicon-sort-by-order-alt" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-sort-by-order-alt</span> </li> <li> <span class="glyphicon glyphicon-sort-by-attributes" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-sort-by-attributes</span> </li> <li> <span class="glyphicon glyphicon-sort-by-attributes-alt" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-sort-by-attributes-alt</span> </li> <li> <span class="glyphicon glyphicon-unchecked" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-unchecked</span> </li> <li> <span class="glyphicon glyphicon-expand" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-expand</span> </li> <li> <span class="glyphicon glyphicon-collapse-down" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-collapse-down</span> </li> <li> <span class="glyphicon glyphicon-collapse-up" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-collapse-up</span> </li> <li> <span class="glyphicon glyphicon-log-in" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-log-in</span> </li> <li> <span class="glyphicon glyphicon-flash" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-flash</span> </li> <li> <span class="glyphicon glyphicon-log-out" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-log-out</span> </li> <li> <span class="glyphicon glyphicon-new-window" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-new-window</span> </li> <li> <span class="glyphicon glyphicon-record" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-record</span> </li> <li> <span class="glyphicon glyphicon-save" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-save</span> </li> <li> <span class="glyphicon glyphicon-open" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-open</span> </li> <li> <span class="glyphicon glyphicon-saved" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-saved</span> </li> <li> <span class="glyphicon glyphicon-import" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-import</span> </li> <li> <span class="glyphicon glyphicon-export" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-export</span> </li> <li> <span class="glyphicon glyphicon-send" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-send</span> </li> <li> <span class="glyphicon glyphicon-floppy-disk" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-floppy-disk</span> </li> <li> <span class="glyphicon glyphicon-floppy-saved" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-floppy-saved</span> </li> <li> <span class="glyphicon glyphicon-floppy-remove" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-floppy-remove</span> </li> <li> <span class="glyphicon glyphicon-floppy-save" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-floppy-save</span> </li> <li> <span class="glyphicon glyphicon-floppy-open" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-floppy-open</span> </li> <li> <span class="glyphicon glyphicon-credit-card" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-credit-card</span> </li> <li> <span class="glyphicon glyphicon-transfer" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-transfer</span> </li> <li> <span class="glyphicon glyphicon-cutlery" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-cutlery</span> </li> <li> <span class="glyphicon glyphicon-header" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-header</span> </li> <li> <span class="glyphicon glyphicon-compressed" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-compressed</span> </li> <li> <span class="glyphicon glyphicon-earphone" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-earphone</span> </li> <li> <span class="glyphicon glyphicon-phone-alt" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-phone-alt</span> </li> <li> <span class="glyphicon glyphicon-tower" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-tower</span> </li> <li> <span class="glyphicon glyphicon-stats" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-stats</span> </li> <li> <span class="glyphicon glyphicon-sd-video" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-sd-video</span> </li> <li> <span class="glyphicon glyphicon-hd-video" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-hd-video</span> </li> <li> <span class="glyphicon glyphicon-subtitles" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-subtitles</span> </li> <li> <span class="glyphicon glyphicon-sound-stereo" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-sound-stereo</span> </li> <li> <span class="glyphicon glyphicon-sound-dolby" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-sound-dolby</span> </li> <li> <span class="glyphicon glyphicon-sound-5-1" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-sound-5-1</span> </li> <li> <span class="glyphicon glyphicon-sound-6-1" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-sound-6-1</span> </li> <li> <span class="glyphicon glyphicon-sound-7-1" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-sound-7-1</span> </li> <li> <span class="glyphicon glyphicon-copyright-mark" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-copyright-mark</span> </li> <li> <span class="glyphicon glyphicon-registration-mark" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-registration-mark</span> </li> <li> <span class="glyphicon glyphicon-cloud-download" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-cloud-download</span> </li> <li> <span class="glyphicon glyphicon-cloud-upload" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-cloud-upload</span> </li> <li> <span class="glyphicon glyphicon-tree-conifer" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-tree-conifer</span> </li> <li> <span class="glyphicon glyphicon-tree-deciduous" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-tree-deciduous</span> </li> <li> <span class="glyphicon glyphicon-cd" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-cd</span> </li> <li> <span class="glyphicon glyphicon-save-file" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-save-file</span> </li> <li> <span class="glyphicon glyphicon-open-file" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-open-file</span> </li> <li> <span class="glyphicon glyphicon-level-up" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-level-up</span> </li> <li> <span class="glyphicon glyphicon-copy" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-copy</span> </li> <li> <span class="glyphicon glyphicon-paste" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-paste</span> </li> <li> <span class="glyphicon glyphicon-alert" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-alert</span> </li> <li> <span class="glyphicon glyphicon-equalizer" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-equalizer</span> </li> <li> <span class="glyphicon glyphicon-king" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-king</span> </li> <li> <span class="glyphicon glyphicon-queen" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-queen</span> </li> <li> <span class="glyphicon glyphicon-pawn" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-pawn</span> </li> <li> <span class="glyphicon glyphicon-bishop" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-bishop</span> </li> <li> <span class="glyphicon glyphicon-knight" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-knight</span> </li> <li> <span class="glyphicon glyphicon-baby-formula" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-baby-formula</span> </li> <li> <span class="glyphicon glyphicon-tent" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-tent</span> </li> <li> <span class="glyphicon glyphicon-blackboard" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-blackboard</span> </li> <li> <span class="glyphicon glyphicon-bed" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-bed</span> </li> <li> <span class="glyphicon glyphicon-apple" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-apple</span> </li> <li> <span class="glyphicon glyphicon-erase" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-erase</span> </li> <li> <span class="glyphicon glyphicon-hourglass" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-hourglass</span> </li> <li> <span class="glyphicon glyphicon-lamp" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-lamp</span> </li> <li> <span class="glyphicon glyphicon-duplicate" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-duplicate</span> </li> <li> <span class="glyphicon glyphicon-piggy-bank" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-piggy-bank</span> </li> <li> <span class="glyphicon glyphicon-scissors" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-scissors</span> </li> <li> <span class="glyphicon glyphicon-bitcoin" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-bitcoin</span> </li> <li> <span class="glyphicon glyphicon-btc" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-btc</span> </li> <li> <span class="glyphicon glyphicon-xbt" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-xbt</span> </li> <li> <span class="glyphicon glyphicon-yen" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-yen</span> </li> <li> <span class="glyphicon glyphicon-jpy" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-jpy</span> </li> <li> <span class="glyphicon glyphicon-ruble" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-ruble</span> </li> <li> <span class="glyphicon glyphicon-rub" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-rub</span> </li> <li> <span class="glyphicon glyphicon-scale" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-scale</span> </li> <li> <span class="glyphicon glyphicon-ice-lolly" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-ice-lolly</span> </li> <li> <span class="glyphicon glyphicon-ice-lolly-tasted" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-ice-lolly-tasted</span> </li> <li> <span class="glyphicon glyphicon-education" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-education</span> </li> <li> <span class="glyphicon glyphicon-option-horizontal" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-option-horizontal</span> </li> <li> <span class="glyphicon glyphicon-option-vertical" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-option-vertical</span> </li> <li> <span class="glyphicon glyphicon-menu-hamburger" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-menu-hamburger</span> </li> <li> <span class="glyphicon glyphicon-modal-window" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-modal-window</span> </li> <li> <span class="glyphicon glyphicon-oil" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-oil</span> </li> <li> <span class="glyphicon glyphicon-grain" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-grain</span> </li> <li> <span class="glyphicon glyphicon-sunglasses" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-sunglasses</span> </li> <li> <span class="glyphicon glyphicon-text-size" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-text-size</span> </li> <li> <span class="glyphicon glyphicon-text-color" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-text-color</span> </li> <li> <span class="glyphicon glyphicon-text-background" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-text-background</span> </li> <li> <span class="glyphicon glyphicon-object-align-top" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-object-align-top</span> </li> <li> <span class="glyphicon glyphicon-object-align-bottom" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-object-align-bottom</span> </li> <li> <span class="glyphicon glyphicon-object-align-horizontal" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-object-align-horizontal</span> </li> <li> <span class="glyphicon glyphicon-object-align-left" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-object-align-left</span> </li> <li> <span class="glyphicon glyphicon-object-align-vertical" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-object-align-vertical</span> </li> <li> <span class="glyphicon glyphicon-object-align-right" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-object-align-right</span> </li> <li> <span class="glyphicon glyphicon-triangle-right" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-triangle-right</span> </li> <li> <span class="glyphicon glyphicon-triangle-left" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-triangle-left</span> </li> <li> <span class="glyphicon glyphicon-triangle-bottom" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-triangle-bottom</span> </li> <li> <span class="glyphicon glyphicon-triangle-top" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-triangle-top</span> </li> <li> <span class="glyphicon glyphicon-console" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-console</span> </li> <li> <span class="glyphicon glyphicon-superscript" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-superscript</span> </li> <li> <span class="glyphicon glyphicon-subscript" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-subscript</span> </li> <li> <span class="glyphicon glyphicon-menu-left" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-menu-left</span> </li> <li> <span class="glyphicon glyphicon-menu-right" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-menu-right</span> </li> <li> <span class="glyphicon glyphicon-menu-down" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-menu-down</span> </li> <li> <span class="glyphicon glyphicon-menu-up" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-menu-up</span> </li> <div class="clearfix"></div></ul> </div>
			</div>
		</div> 
	</div>  
	<!-- //short-codes -->  
	<!-- footer start here -->
	<div class="agilebg-footer">
		<div class="footer">
			<div class="container">
				<div class="footer-agileinfo">
					<div class="col-md-3 col-sm-3 footer-wthree-grid">
						<h3>Navigation</h3>
						<ul>
							<li><a href="index.html">Home</a></li>
							<li><a href="about.html">About</a></li> 
							<li><a href="blog.html">Blog</a></li>
							<li><a href="codes.html">Short Codes</a></li>
							<li><a href="contact.html">Contact</a></li>
						</ul>
					</div>
					<div class="col-md-5 col-sm-5 footer-wthree-grid">
						<h3>Latest Tweet</h3>
						<div class="agileits-w3layouts-tweets">  
							<h5><i class="fa fa-twitter" aria-hidden="true"></i> Lorem ipsum</h5> 
						</div>
						<p>Aenean vitae metus sit amet purus sodales blandit. Nullam ut dolor eu urna viverra semper. Mauris est odio, laoreet laoreet sapien non, sollicitudin bibendum nulla.</p>
					</div>
					<div class="col-md-4 col-sm-4 footer-wthree-grid">
						<h3>Keep In Touch</h3>
						<div class="ftr-icons">
							<div class="ftr-iblock">
								<span class="glyphicon glyphicon-map-marker">  </span>
							</div>
							<div class="ftr-text">
								<p>Proin vel enim nec ipsum finibus. Duis euismod massa ut sem fringilla blandit.</p>
							</div>
							<div class="clearfix"> </div>
					   </div>
					   <div class="ftr-icons">
							<div class="ftr-iblock">
								<span class="glyphicon glyphicon-earphone">  </span>
							</div>
							<div class="ftr-text">
								<p>+333 222 23456</p>
							</div>
							<div class="clearfix"> </div>
					   </div>
					   <div class="ftr-icons">
							<div class="ftr-iblock">
							   <span class="glyphicon glyphicon-envelope">  </span>
							</div>
							<div class="ftr-text">
								<p><a href="mailto:info@example.com">mail@example.com</a></p>
							</div>
							<div class="clearfix"> </div>
					   </div>
					</div>
					<div class="clearfix"> </div>		
				</div>
			</div>
		</div>
	</div>
	<!-- //footer end here -->
	<!-- copy rights start here -->
	<div class="copy-right">
		<div class="container"> 
			<p>© 2017 Rock. All Rights Reserved | Design by  <a href="http://w3layouts.com/" target="_blank">W3layouts</a> </p>
		</div>
	</div>
	<!-- //copy right end here -->  
	<!-- smooth-scrolling-of-move-up -->
	<script type="text/javascript">
		$(document).ready(function() {
			/*
			var defaults = {
				containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear' 
			};
			*/
			
			$().UItoTop({ easingType: 'easeOutQuart' });
			
		});
	</script> 
	<!-- //smooth-scrolling-of-move-up -->
	<!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="js/bootstrap.js"></script>
</body>
</html>